Life & fun · alternatives · 2026
24 alternatives to React Bricks, The only headless CMS with true Visual Editing
Just released React Bricks' new, revamped website and wanted to show it to the community. Turn your React components into visual editing blocks. Make marketers autonomous. Keep the design system safe.
React Bricks is a headless CMS that converts React components into visual editing blocks. It enables marketers to edit content independently through a visual interface while maintaining the integrity of the underlying… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. React Bricks, The only headless CMS with true Visual Editing launched in 2024; newer entries below may have overtaken it.
- 1
React Bricks▲213CMS with visual editing based on React components
2022 · reactbricks.com · its alternatives →
- 2
Hey hackers, OP here! I've been dipping in and out of this problem space for the last few years with many of my clients. Puck sits somewhere between an old-school WYSIWYG-powered CMS and headless one, allowing content teams to author content using real React components. Traditional CMS solutions were flexible but often resulted in page that completely broke the brand guidelines. Headless CMS solutions are a fantastic way of controlling brand by restricting UI changes to developers, but makes layout changes restrictive and slow as developers often need to get involved. Puck provides a visual…
2023 · github.com · its alternatives →
- 3AV
I made this because building UIs in a lexical medium like code is super annoying. I have to pre-render what I’m making in my head, and then jump between the browser and IDE to test. I was inspired by the developer console in chrome and safari since I end up editing css there because it’s ironically more convenient. Hope it’s useful!
2022 · dev.aspect.app · its alternatives →
- 4AP
2021 · portfolio.zxh.io · its alternatives →
- 5
Course for building a React site using components
2018 · designcode.io · its alternatives →
- 6
- 7
- 8
Render React components to Sketch for design systems
2017 · react-sketchapp.airbnb.tech · its alternatives →
- 9
Tempo Labs▲770Quickly add payment, messaging, AI agents + more to your app
2024 · tempo.new · its alternatives →
- 10
- 11
React component kit for your headless CMS backed blog
2023 · headlesstemplates.com · its alternatives →
- 12
Everyone's shipping AI tools right now, and here I am with a visual editor. Still, I think many teams are very familiar with the problem of "marketing wants to change the landing page again." I've run into this for years. Campaign pages come in, engineers get pulled in, and tickets stack up. It's usually the same components, just rearranged. A few years ago, at a startup I worked at, we built an internal tool to deal with this. You register your existing React components, they show up as drag-and-drop blocks, and the result is a JSX string. No schema to learn, no changes to your component…
Dec 2025 · github.com · its alternatives →
- 13
- 14
Fully coded UI sections with designer file included
2024 · material-tailwind.com · its alternatives →
- 15CR
I made this because building React components from scratch is super annoying. Most visual elements already exist on the web, and I figured there should be a way to leverage that. I hope it's useful!
2022 · sample-code.aspect.app · its alternatives →
- 16UT
Entire React code base explanation by visual block schemes (Stack version)
2017 · bogdan-lyashenko.github.io · its alternatives →
- 17
React Proto▲313React application design and prototyping tool
2018 · react-proto.github.io · its alternatives →
- 18
Catalyst▲340A modern UI kit for React, by the creators of Tailwind CSS
2025 · tailwindcss.com · its alternatives →
- 19
Hey HN, we built a Chrome Extension (https://www.magicpatterns.com/extension) that converts a snippet of any website to an isolated React component. Demo video: https://youtu.be/hutUYDkyE_A How it works: 1) Iterate through each node in the selected DOM tree, 2) For each element, find any matching CSS selectors / inline styles, 3) Use window.getComputedStyle to get the deterministic values, 4) Construct JSX It was pretty hard producing the minimal code necessary while maintaining the same visual look. To do this, we implemented things like abstracting out…
2024 · chromewebstore.google.com · its alternatives →
- 20
- 21
UI elements in ready-to-use components for React
2017 · coolsymbol.now · its alternatives →
- 22
Keep React▲256React-powered web solutions with open-source UI components
2023 · bestsellers-ai.com · its alternatives →
- 23
- 24
React Glass▲82A simple react js boilerplate for painless react development
2021 · github.com · its alternatives →
Also compare
Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →