Free Layout Blocks for Payload CMS
25 copy-paste blocks across 14 categories. Browse live previews, grab the code, or use the AI prompt to add any block to your project in seconds.
Copy & Paste
No npm install. Copy the config and component into your project and register them. Done.
AI-Ready Prompts
Every block includes a one-click AI prompt. Paste it into Cursor, Claude, or Copilot and let your assistant do the work.
You Own the Code
No dependency lock-in. Every block is yours to modify, extend, and ship. TypeScript, Tailwind, shadcn/ui.
Payload v3 + Next.js 15
Built for the latest stack. Every block ships with a typed Payload config and a React component.
14 Categories, 25 Blocks
Everything you need to build marketing pages and landing pages with Payload CMS.
3 blocks available
2 blocks available
2 blocks available
2 blocks available
2 blocks available
4 blocks available
1 block available
3 blocks available
1 block available
1 block available
1 block available
1 block available
1 block available
1 block available
Built for AI-Assisted Development
Every block comes with an AI prompt that instructs your coding assistant to add the block to your project, adapt imports, and register it. Works with Cursor, Claude Code, GitHub Copilot, and any AI coding tool.
Browse All Blocks