Dev tools · alternatives · 2026
24 alternatives to Open-source alternative to Visual React Editors
Edit react apps like you edit figma designs. Contribute to Underhive/visual-react-editor development by creating an account on GitHub.
Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. Open-source alternative to Visual React Editors launched in 2024; newer entries below may have overtaken it.
- 1AV
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 →
- 2
- 3
- 4
Turn frontend code into editable Figma designs
Aug 2026 · figma.com · its alternatives →
- 5
visual editor (figma) for your react apps, edit UI elements live and directly changes source files. no API key, no AI.. - donghaxkim/react-rewrite
Mar 2026 · github.com · its alternatives →
- 6
React Bricks▲213CMS with visual editing based on React components
2022 · reactbricks.com · its alternatives →
- 7
- 8
html.to.design▲513Convert any website into fully editable Figma designs
2022 · figma.com · its alternatives →
- 9
- 10
- 11
- 12
- 13
Convert any website into fully editable Figma designs
2022 · chromewebstore.google.com · its alternatives →
- 14
Hey HN, I’m Kiet – one half of the two-person team building Onlook (https://beta.onlook.com/), an open-source [https://github.com/onlook-dev/onlook/] visual editor that lets you edit and create React apps live on an infinite canvas. We launched Onlook [1][2] as a local-first Electron app almost a year ago. Since then, “prompt-to-build” tools have blown up, but none let you design and iterate visually. We fixed that by taking a visual-first, AI-powered approach where you can prompt, style, and directly manipulate elements in your app like in a design…
2025 · github.com · its alternatives →
- 15
Automatically generate code-ready React-Bootstrap components
2023 · figma.com · its alternatives →
- 16
Hi HN, I’m Kiet, one of the creators of Onlook studio. I made this app that allows you to visually edit your locally running React app and write the code back to it in real-time. The purpose is to allow you to develop UI while fully owning your code the whole time. There are other visual builders out there but they either require you to upload your code to the cloud or some lengthy setup process. Onlook runs locally, deterministically, and only requires adding a plugin for the compile step (2 lines of config change). Technical details: This is technically a web browser that can point to your…
2024 · github.com · its alternatives →
- 17
- 18
- 19
Edit web pages like Figma
2024 · chromewebstore.google.com · its alternatives →
- 20
- 21
ArachStudio ▲80Live-edit your GitHub components directly in the browser
Jul 2026 · arachstudio01.vercel.app · its alternatives →
- 22
- 23
- 24
Convert any website into fully editable Figma designs
2024 · html.to.design · 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 →