{"repo":"donghaxkim/react-rewrite","free":true,"listed":false,"github":"https://github.com/donghaxkim/react-rewrite","clone":"git clone https://github.com/donghaxkim/react-rewrite.git","description":"visual editor (figma) for your react apps, edit UI elements live and directly changes source files. no API key, no AI..","language":"TypeScript","stars":352,"topics":["react","react-tools","tailwind"],"license":"MIT","category":"ui-components","readme_excerpt":"react-rewrite react-rewrite lets you edit a React app visually while it is running locally, then automatically writes those changes back to the source files in your project. It is built for local development and works by opening a proxy in front of your dev server and injecting an overlay into the page. Demo full demo: https://x.com/imdonghakim/status/2038230475894899119 Fastest path You do not need to download or clone this repo. From the root of your React app: Start your dev server, then in a second terminal run: If you want to try it without installing first: What it does - Select an element and inspect its component name, file path, and line number - Edit supported Tailwind-based layout, spacing, size, typography, and color properties - Double-click text to edit it inline - Copy, paste, and duplicate elements - Delete elements - Reorder sibling elements - Stage multiple changes and apply them with Confirm - Undo in-progress canvas changes and review applied changes in the changelog Requirements - Node.js 20+ - A React project (18+) - A running development server - Supported app setups: Next.js, Vite, and Create React App Tailwind CSS is recommended if you want to use the property editor. Text editing and some structural actions do not depend on Tailwind. Install Run this in the root of the React app you want to edit: If you don't want to install it first, you can also run it directly with npx react-rewrite-cli@latest . Quick start 1. Start your React dev server as usual.","default_branch":null,"files":null,"tree":[],"storefront":"/r/donghaxkim","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/donghaxkim/react-rewrite/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}