Define your CMS in React.Edit visually. Or with AI.
Keep full control of your codebase, components, and architecture, while giving editors a powerful visual interface.
Developer shortcuts:
Why React Bricks
for developers
React Bricks gives you visual editing without a separate templating system, fragile page builder, or disconnected content model. You define content blocks as React components, and editors work inside the design system you control.
React all the way down
Create content blocks as real React components, typed with TypeScript.
Visual editing
Let content teams edit pages visually, without breaking layout or design consistency.
Keep architectural control
Your frontend stays a real Next.js or Astro app, with full control over React code, performance, and the ability to connect any external data source.
Works with your stack
Built for modern React workflows with Next.js, Astro, TypeScript, and your CSS approach.
Design-system friendly
Build with reusable blocks that keep content scalable and consistent across your site.
AI for your system
Generate structured content using the same block-based language your site already uses.
Enterprise-grade infrastructure
ISO/IEC 27001 certified, with SSO, approval workflows, scheduled backups, and EU/US data residency.
For enterprise »
Built for modern content teams
Collaboration, localization, scheduled publishing, A/B testing, email marketing, form management, and more.
Explore all features »
Choose your path
Quick Start
For developers who want to get hands-on fast. Set up a project, create your first bricks, and see visual editing in action.
Learn Hub
Documentation, tutorials, videos, and how-tos. Everything you need to go from first steps to advanced implementation.
Developer toolbox
Useful tools to speed up your React Bricks workflow.
VS Code Snippets Extension
Speed up development with ready-to-use React Bricks snippets in VS Code
Get extensionReact Bricks Skill for AI
Give AI assistants the right context to work more effectively with React Bricks.
Download skills fileSupport
Get help when you need it. Browse docs, join the community, or see paid support options for teams.
Prefer watching?
Start with a recorded workshop by our CTO. A practical walkthrough to set up a project and create custom bricks.
“I've wanted to see something like this for a long time. This is how web development was always supposed to be.”
Laurie Voss
Data analyst @ Netlify and co-founder @ npmjs
