Making content editing fun. Again.

Headless CMSs are great for Developers. But not for Content creators.

Build your Visual edit CMS with React components.

What you see is... What you get!

The content blocks are React components with a schema.

You decide what the user can edit visually (text, images) and the sidebar controls.

Next.js static site
Create a blazing fast Next.js static website. Gatsby and Remix coming soon!
Image optimization
Automatic creation of responsive images, lazy loading and serving from global CDN.
Host where you like
The website and the editing dashboard are a static website you can host anywhere.

Who is using it?

Capbase Inc. website made with React Bricks

Capbase.com beautiful website is powered by React Bricks

"ReactBricks has allowed us to build a website that works with our React app quickly, cleanly, and smoothly. It lets us create WYSISYG components that our marketing team can build with, allowing them to create an easy to manage and beautiful website that drives business goals and is easy to maintain."
Stefan Nagey
Stefan Nagey
Founder @ CapBase, Inc.

How the Magic works

This is the code of an example brick, a content block for React Bricks.

It is just a React component with a schema property, using React Bricks components for visual editing.

Test it in 5 minutes

Using our powerful CLI you can set up a project in minutes, so that you can start in no time creating your content bricks.

1

Sign up for free trial

2

Start the CLI

npx create-reactbricks-app
New

React Bricks UI

React Bricks UI is a collection of over 20 beautiful content bricks for React Bricks fully responsive and dark-mode compatible, developed by us with TypeScript and Tailwind CSS, inspired by the great Storybook design system.

React Bricks UI

With React Bricks UI you are up and running in no time and you can use the provided "bricks" as a base to create your own custom content bricks.

And the great news is...

it is completely free! 🎉

open source and already included in every starter project with Tailwind CSS.