Making content editing fun. Again.

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

⇒Build your Visual edit CMS with React components.

Start learning Documentation

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

Founder @ CapBase, Inc.

What they say about it

Read the great blog post by Swizec Teller about React Bricks!

I think stuff like this is the future! Please DM me if you find ways that Gatsby can support you better.
— Kyle Mathews (@kylemathews) March 11, 2020

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.

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.