Alternatives

Products that do what Block Editor does

Visual Page Builder with real code

1. 1
   JSX.Design▲415

   The dev friendly no-code editor for React development

   2024

2. 2
   React Bricks▲213

   CMS with visual editing based on React components

   2022

3. 3
   Layouts.dev▲699

   A notebook for building interfaces with Tailwind & shadcn/UI

   2024 · layouts.dev

4. 4AV
   A Visual IDE for React▲479

   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

5. 5
   WeWeb▲537

   Create websites faster with a next-generation visual builder

   2021

6. 6
   Page UI▲810

   High-converting landing page components to copy and paste

   2024 · pageui.shipixen.com

7. 7
   Quarkly▲184

   Design tool to create sites & web apps on React

   2020

8. 8
   Subframe▲757

   The best way to build UI, fast

   2024 · subframe.com

9. 9
   Tailwind Studio▲927

   Style your React app so fast

   2024 · ecomoto.io

10. 10
    Editor.js▲726

    A block-styled editor with clean JSON output

    2019 · editorjs.io

11. 11
    Method 4▲192

    Start with react-components and get landing page that works

    2020

12. 12
    EasyFrontend▲593

    700+ UI components with editor

    2024

13. 13
    Tempo Labs▲770

    Visual Editor for React, powered by AI

    2024 · tempo.new

14. 14
    20+ Free Tailwind CSS & React Blocks▲184

    Fully coded UI sections with designer file included

    2024

15. 15
    Tailwind UI Templates▲452

    Beautiful Next.js templates built by the Tailwind CSS team.

    2022

16. 16
    Puck▲188

    Open-source visual editor for React

    2025

17. 17
    BuilderX▲279

    Design to code, designers and developers on one platform.

    2019

18. 18OS
    Open-Source Page Block Builder with Remix and Tailwind CSS▲155

    2022 · remix-page-blocks.vercel.app

19. 19CA
    Convert any website into a React component▲326

    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

20. 20
    Pagedraw - Beta release▲126

    Compile UI Mockups to React Code

    2018

21. 21
    Shuffle for Material-UI▲228

    React editor for busy developers

    2020

22. 22
    Framer Guide to React▲265

    A guide to using React for designers

    2019

23. 23RB
    React Bricks, The only headless CMS with true Visual Editing▲30

    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

24. 24
    Tiptap Editor Template and UI Components▲222

    Build rich editor UIs faster with React components

    2025

Ranked by how close each launch is in meaning, then by votes. Refine with a description →