Dev tools · alternatives · 2026
24 alternatives to Block Editor
Visual Page Builder with real code
Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes.
- 1
- 2
React Bricks▲213CMS with visual editing based on React components
2022 · reactbricks.com · its alternatives →
- 3
Layouts.dev▲699A notebook for building interfaces with Tailwind & shadcn/UI
2024 · layouts.dev · its alternatives →
- 4AV
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 →
- 5
21st.dev▲1,211I originally built this app to organize and reuse interesting React + Tailwind components I came across on Twitter, inspired by the shadcn/ui approach. Later, a friend started contributing their own components, and it got me thinking—this could grow into something bigger, like an NPM for design engineers to share and use components. Would love to hear your thoughts!
2025 · 21st.dev · its alternatives →
- 6
WeWeb▲537Create websites faster with a next-generation visual builder
2021 · weweb.io · its alternatives →
- 7
Page UI▲810High-converting landing page components to copy and paste
2024 · pageui.shipixen.com · its alternatives →
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
Next-gen, highly customizable content editor for the browser - based on React and written in TypeScript. WYSIWYG on steroids. - react-page/react-page
2017 · github.com · its alternatives →
- 16
Fully coded UI sections with designer file included
2024 · material-tailwind.com · its alternatives →
- 17
Beautiful Next.js templates built by the Tailwind CSS team.
2022 · tailwindcss.com · its alternatives →
- 18
- 19
BuilderX▲279Design to code, designers and developers on one platform.
2019 · rapidnative.com · its alternatives →
- 20
2022 · remix-page-blocks.vercel.app · its alternatives →
- 21
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 →
- 22
- 23
- 24
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.
2024 · reactbricks.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 →