Show HN: React-Rewrite – A visual editor for React that writes code, no LLM React-rewrite, a new open-source visual editor for React applications, allows developers to edit a running React app locally and automatically writes those changes back to the project's source files. The tool, which works with Next.js, Vite, and Create React App, injects an editing overlay via a proxy server and supports property editing, text editing, and element reordering without relying on a large language model. 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. full demo: https://x.com/imdonghakim/status/2038230475894899119 https://x.com/imdonghakim/status/2038230475894899119 You do not need to download or clone this repo. From the root of your React app: npm install -D react-rewrite-cli Start your dev server, then in a second terminal run: npx react-rewrite If you want to try it without installing first: npx react-rewrite-cli@latest - 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 - 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. Run this in the root of the React app you want to edit: npm install -D react-rewrite-cli If you don't want to install it first, you can also run it directly with npx react-rewrite-cli@latest . - Start your React dev server as usual. - In a second terminal, from the same project root, run: npx react-rewrite If auto-detection does not pick the right port, pass it explicitly: npx react-rewrite 3000 The tool opens a local proxy in your browser, shows the editing overlay, and writes confirmed changes back into files inside your project. - Click an element to inspect and select it. - Edit properties in the sidebar, drag to reorder where supported, or double-click text to change copy. - Review pending changes in the UI. - Click Confirm to apply them to your source files. react-rewrite options port Arguments: port Dev server port override Options: --no-open Don't open browser automatically --host