AI · alternatives · 2026

24 alternatives to React-Rewrite – Figma for localhost that directly edits your codebase

visual editor (figma) for your react apps, edit UI elements live and directly changes source files. no API key, no AI.. - donghaxkim/react-rewrite

Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes.

1
HTML to React▲572
Turn a design from any website into your own
2024 · its alternatives →
2AV
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 · its alternatives →
3
Dualite▲411
The fastest way to turn your designs to code
2024 · figma.com · its alternatives →
4
React Figma (Alpha)▲202
Render React components to Figma
2019 · github.com · its alternatives →
5
refine▲480
100% open source React framework to build web apps 3x faster
2022 · github.com · its alternatives →
6
React Bricks▲213
CMS with visual editing based on React components
2022 · reactbricks.com · its alternatives →
7
Remotion 4.0▲257
Do more with React
2023 · remotion.dev · its alternatives →
8
Figma to React Bootstrap Plugin▲108
Automatically generate code-ready React-Bootstrap components
2023 · figma.com · its alternatives →
9
React for Designers▲286
Course for building a React site using components
2018 · designcode.io · its alternatives →
10
Overlay▲310
Turn Figma components into clean and reusable React/Vue.js
2020 · its alternatives →
11
Open-source alternative to Visual React Editors▲5
Edit react apps like you edit figma designs. Contribute to Underhive/visual-react-editor development by creating an account on GitHub.
2024 · github.com · its alternatives →
12
Puck▲188
Open-source visual editor for React
2025 · puckeditor.com · its alternatives →
13
refine.new▲462
100% open-source React framework to build web apps
2023 · its alternatives →
14
react.dev▲543
The new home for React and its documentation
2023 · react.dev · its alternatives →
15CR
Copy React code from any site▲374
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 →
16
html.to.design▲513
Convert any website into fully editable Figma designs
2022 · figma.com · its alternatives →
17
Layrr▲284
Framer for your actual codebase
Nov 2025 · kiranjohns.com · its alternatives →
18
Source → Design: HTML, React to Figma▲13
Turn frontend code into editable Figma designs
Aug 2026 · figma.com · its alternatives →
19
ORY Editor – A rich editor for the browser, built with React and Redux▲369
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 →
20
refine▲236
Open Source React Framework
2021 · github.com · its alternatives →
21
Anima 4.0▲193
Transform Sketch/Figma/XD to React code.
2020 · animaapp.com · its alternatives →
22
Quarkly▲184
Design tool to create sites & web apps on React
2020 · quarkly.io · its alternatives →
23
React Sketch.app▲215
Render React components to Sketch ⚛️💎
2017 · react-sketchapp.airbnb.tech · its alternatives →
24
Figma Icons▲103
Generate React icon libraries directly from Figma
2024 · 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 →