React Bricks

Build a flexible visual site editor with React components

Sold out

Creating a website feels stressful when your current content management system leaves no room for visual editing. (“I’m sure someone likes all these cold, gray forms, but it’s a no from me.“)

You need a solution that works for your entire team, but it’s hard to strike a balance between a dev-friendly headless CMS and a simple no-code editor for designers and writers.

If only there was a powerful, user-friendly platform that let you build high-quality websites packed with enterprise-grade features.

Say hello to React Bricks.

TL;DR

too long didn't read
Build an enterprise-quality site with a visual CMS based on React components
Integrate with dev-friendly tools like Next.js, Gatsby, and Remix, and give your content team a no-code editing interface

At-a-glance

Overview

React Bricks is a content management system that lets developers create a visual site builder content editors can use code-free.

With React Bricks, your developers can build a point-and-click editing interface that lets content creators edit pages without any coding.

Work directly from visual content blocks to create a site that fits your company’s unique design system.

It’s easy to upload images in just a few clicks and change properties like layout and text color from a side control menu that your dev team can customize to your specific needs.

Visual editing

Devs can build a visual interface that lets content teams edit pages without any coding. 

You can get your site up and running in minutes—just define each visual content editing block as a React component.

Because everything happens directly in React Bricks, you don’t have to waste time toggling between your headless CMS and your code.

This platform also works with Gatsby, Next.js, and Remix, so your dev team can keep their existing React framework.

Best of all, React Bricks supports any CSS framework and is compatible with any site host!

Content blocks as React components

Define the editable content blocks and sidebar controls using your existing React framework, CSS, and site host. 

React Bricks is also equipped with customizable, enterprise-grade features to simplify tasks for your developers and your marketing team.

This platform optimizes images for responsive view after upload and serves them from a global CDN, so you don’t have to mess with any external services.

Built-in support for multiple languages allows you to reach users across the globe and translate pages with just one click.

You’ll be able to deploy build hooks and automate a publishing schedule, so pages go live seamlessly. You can even back up or restore pages, hassle-free.

Plus, you can invite users across teams and customize permissions to keep your workflow organized.

Settings menu

You can customize all your app settings and permissions to fit your needs.

React Bricks is also super easy to use! Learn how to leverage this platform with a gamified tutorial that engages you to stay on task.

With a step-by-step look at each feature, you’ll get a handle on everything in just a couple hours.

And if you need support later on, you can easily access video workshops and full platform documentation to help you troubleshoot any issues.

Gamified tutorial

Thanks to a gamified tutorial, learning how to use React Bricks is as fun as actually using it.

Your content team shouldn’t have to deal with any coding while they’re trying to edit pages. (“All I did was try to indent and now the page looks like an eye exam.”)

React Bricks gives your developers all the tools they need to build a visual editor that your content team can use—without having to write a single line of code.

Help your whole team build incredible sites.

Get lifetime access to React Bricks today!

React Bricks

React Bricks

Reactbricks.com
FounderFounder
Matteo_ReactBricks
Founder, CEO/CTO

Updates from React Bricks

June 28, 2022

Posted Feb 9, 2023

June 27, 2022

Posted Feb 9, 2023

Questions
Reviews

Questions & Reviews

Log in to ask a question
Showing 5 of 52 questions

Q: Was deciding about buying T3 or not but the sale ended without notice?

PUAVPLUSAug 31, 2022
See detail
Founder Team
Matteo_ReactBricks

Matteo_ReactBricks

May 14, 2024

A: Hi PUAV,
I think the end of the sale was scheduled by AppSumo and announced in some way.
Could you please contact the AppSumo support?

Thank you,
Matteo

Share
Helpful?

Q: Hi Matteo / team, Welcome to AppSump and great work with React Bricks!

I've full-stacked to the highest tier, but noticed that the entirety of the plan limits are applied to one 'app' in React Bricks.

I'm thinking I might like to purchase an additional app at License Tier 3. I could probably achieve this by creating another account (although I'm not sure if that's allowed, seen as the the deal is for new customers only).

Alternatively, is there any supported way to purchase an additional app with the same limits? Either right now during the AppSumo deal period, of after the deal has ended as an in-app purchase?

Thanks,
J

J86232Aug 28, 2022
See detail
Founder Team
Matteo_ReactBricks

Matteo_ReactBricks

May 14, 2024

A: Hi J,
you can purchase a new deal with the same account, but when you activate it on our side, you need to provide a new e-mail address.

BTW, thank you for the great review! 😍

Share
Helpful?

Q: Hi.

I'm kind of confused.. this is a website builder? Yes? But it doesn't host the website it just builds it and then exports it? Correct? To what? A zip file to be uploaded at my host? And the limitations that exist are really regarding "builds" and nothing to do with visitors? Nope,..,I'm still confused 🤷🏻

just_another_yserAug 27, 2022
See detail
Founder Team
Matteo_ReactBricks

Matteo_ReactBricks

May 14, 2024

A: Hi!
React Bricks is 2 things that work together:
- A headless CMS
- A React library to create visually editable content blocks as React components

So the APIs are hosted by us, but you create a React-based website (with Next.js or Gatsby) and you host it wherever you want (Vercel, Netlify, AWS Amplify...), together with the Admin interface.
The website is built using the Next.js or Gatsby build process as a static website.
The number of API calls depends only on the number of calls Next or Gatsby do during the builds (and the calls you do to edit content).

Share
Helpful?

Q: Hi, can you please explain how are the API count calculated?

Lets say I have a page where I embedded a section using react-bricks, the section has 10 objects. each time a user visits that page, I'm using 10 API's ? or is there one API usage for the 'section' ?

Also, does the whole page have to be designed using react-bricks, or can I use it to embed certain sections on existing pages? How will objects/APIs work and how do i provision for the design when buying codes?

gnilomusAug 16, 2022
See detail
Founder Team
Matteo_ReactBricks

Matteo_ReactBricks

May 14, 2024

A: Hi gnilomus,
We count the number of API calls.
Usually they don’t depend at all on the number of visits to your website, as most of our customers use static site generation (SSG), so our APIs are called only:
- At build time (calls to get the content)
- When you edit content (calls to get/store the content)

As for Storyblok, we are completely different products: with Storyblok you edit using forms that appear on a sidebar, while with React Bricks you directly edit over the content as in Word or Pages. For content editors this is much easier.
You are right that our free plan is quite limited, but we need to create a sustainable business. And with AppSumo you have great one-time Deals! :)

Share
Helpful?

Q: Hi Matteo, Is there a possibility to convert a WordPress site (built with elementor) into ReactBrick without having to redo from scratch?

Especially the UI portion.

Thanks.

Said83682Aug 22, 2022
See detail
Founder Team
Matteo_ReactBricks

Matteo_ReactBricks

May 14, 2024

A: Hi Said_PeakProductivityBooks,
unfortunately not. It's very easy to reuse the UI of a website created with React components, like a Next.js or Gatsby website, not an Elementor website, I'm sorry.

Matteo

Share
Helpful?

Sign up

All our deals are time-sensitive! Make sure you don't miss any of our awesome limited-time offers.