A living showcase of the page-builder vocabulary. Scroll for CTAs, content columns, media, tabs, testimonials, pricing, FAQ, charts, calendars, archives and more.
Type-safe
Generated TS types track every field config.
Composable
14 blocks today, room to grow without forking.
Editable
Blueprint export/import + AI generation.
What this is
A full tour of the page-builder vocabulary. Each block below renders the real component the editor sees — variations included.
How to use it
- Open the dashboard.
- Click Importar Blueprint.
- Pick
examples/all-blocks.demo.json. - Open
/demo.
What's next
More blocks land here as they're added to BlockBlueprint. The contract stays the same: markdown for text, {url, alt} for media, slug references for links.
Three ways to extend
Add a new block in src/blocks/<Name>/, register it in Pages.layout.blocks, map it in RenderBlocks.tsx. Three touch points — miss one and it silently won't render.
What teams are saying
“Our content team ships pages without ever touching a JIRA ticket. The block vocabulary is broad enough that they rarely need engineering.”
“The Blueprint export/import alone paid for the migration. We rebuilt a staging environment in 90 seconds.”
“I generated the entire first draft from a brief in the AI generator. It's the fastest CMS bootstrap I've ever done.”
“Type-safe end to end, editor-friendly, no separate API server to babysit. This is what Payload v3 should always have felt like.”
Choose a plan
Starter
For solo founders kicking the tires.
- Up to 50 pages
- Community support
- Self-host on Vercel free tier
Team
For small teams shipping every week.
- Unlimited pages
- Email support, 1 business day
- Vercel Pro deployment guide
- Priority bug triage
Enterprise
For organizations with compliance needs.
- SSO + audit logs
- Dedicated support channel
- Custom SLA
Frequently asked
Demo metrics (illustrative)
Sample data — replace with your own once the block is in production.
Upcoming demos
Office hours
Open Q&A on Payload + Next.js patterns.
Workshop: Blueprint deep dive
Hands-on tour of import/export + AI generation.
Community day
Latest from the blog
Auto-populated from the posts collection — if your install has posts, you'll see the most recent here.
Money isn't just currency; it's a language. Dive deep into its nuances, where strategy meets intuition in the vast sea of finance.
Explore the untold and overlooked. A magnified view into the corners of the world, where every story deserves its spotlight.
Dive into the marvels of modern innovation, where the only constant is change. A journey where pixels and data converge to craft the future.
Ready to try it?
Clone the repo and run pnpm dev — you'll be in the admin in under a minute.