Content Type Showcase
Every block type demonstrated on a single page. Copy these patterns to build your own layouts.
Accordion
An open-source Sanity + Next.js page builder starter with 28 content types and flexible grid layouts.
Yes! MIT licensed. Use it for personal or commercial projects.
Add your own content types, modify existing ones, or adjust the Tailwind theme.
Built with React 19 and Next.js 16 for maximum performance.
Starter
- 28 content types
- 9 layout presets
- Community support
- Priority support
Pro
- Everything in Starter
- Priority support
- Custom integrations
- White-label
Enterprise
- Everything in Pro
- White-label
- Dedicated support
- SLA guarantee
1import {defineType, defineField} from 'sanity'2
3export const pageType = defineType({4 name: 'page',5 type: 'document',6 fields: [7 defineField({name: 'title', type: 'string'}),8 defineField({name: 'slug', type: 'slug'}),9 defineField({name: 'pageBuilder', type: 'pageBuilder'}),10 defineField({name: 'seo', type: 'seo'}),11 ],12})Info
This is an informational alert.
Success
Operation completed.
Warning
Please review before continuing.
Error
Something went wrong.
Get in Touch
Fill out the form and we'll get back to you within 24 hours.
Launch Countdown
| Feature | Starter | Pro |
|---|---|---|
| Content Types | 28 | 28 |
| Layouts | 9 | 9 |
| Support | Community | Priority |
Revenue Generated
Uptime
Active Users
What developers say
Flexible Layouts
9 grid presets from full-width to 4-column. Nest any content type in any column.
Type Safe
Auto-generated TypeScript types from Sanity schemas. Full type inference for GROQ queries.
Visual Editing
Real-time preview and visual editing with the Sanity Presentation tool.
Built for developers and editors
A complete toolkit that lets content editors build pages without developer intervention.
Grid System
9 layout presets from full-width to 4-column. Control gap, padding, and alignment per row.
Visual Controls
Spacing, borders, backgrounds, typography, and effects at three levels — row, column, and block.
Blog System
Full blog with listing page, individual posts, SEO fields, and rich text content.
Forms & FAQ
Contact forms with webhook integration and FAQ blocks with JSON-LD structured data.
SEO Built-in
Meta titles, descriptions, OG images, and noindex on every page. FAQ blocks output JSON-LD.
16 Custom Inputs
Visual Studio inputs for spacing, borders, backgrounds, typography, layouts, and more.
Frequently Asked Questions
Everything you need to know about PageCraft.
An open-source Sanity + Next.js page builder with 28 content types, 9 layouts, and visual style controls. Everything you need to build production websites.
Yes — MIT licensed. Use it for personal or commercial projects without any restrictions.
Every section has blockStyles for padding, margin, backgrounds, borders, typography and effects. You can also modify the Tailwind theme in globals.css.
Absolutely. Follow the pattern in schemaTypes/blocks/ for the schema and components/sections/content/ for the renderer. Register in blocks/index.ts and ContentRenderer.tsx.
Yes. Every page and blog post has SEO fields (meta title, description, OG image, noindex). FAQ blocks output JSON-LD structured data for Google.
https://twitter.com/sanaborz/status/1234567890
View on X (Twitter)Embed posts from Twitter/X, Instagram, TikTok, and Facebook
Lottie Animation
Install lottie-web to enable
Animated illustration
Lottie Animations
Embed lightweight vector animations from LottieFiles or upload your own JSON files. Support for autoplay, loop, speed control, and scroll-triggered playback.
Ready to build?
Open the Studio to start creating pages with the grid-based page builder.