Payload CMS Blocks

How it works

Each block includes a Payload CMS config (fields, validation, admin labels) and a React component styled with Tailwind CSS. Pick any block, copy the config and component files into your project, and register it in your Payload collection. Every block is typed, localized, and built for the latest Payload 3 and Next.js 15.

Every block also includes an AI prompt you can paste into Cursor, Claude, or any coding assistant to add the block to your project automatically — adapting imports and registration to match your conventions.

Categories include hero, feature, content, cta, faq, testimonial, pricing, logo, and more. All blocks are free and open to use in personal and commercial projects.