Install in your repo
Tags every JSX element with a stable ID and writes a single config file. Zero changes to your build setup, your linter, or your bundler.
[OK] v0.1.0 — ready in —ms
██╗ ██╗██████╗ █████╗ ███████╗████████╗ ██████╗ ██║ ██╔╝██╔══██╗██╔══██╗██╔════╝╚══██╔══╝██╔═══██╗ █████╔╝ ██████╔╝███████║█████╗ ██║ ██║ ██║ ██╔═██╗ ██╔══██╗██╔══██║██╔══╝ ██║ ██║ ██║ ██║ ██╗██║ ██║██║ ██║██║ ██║ ╚██████╔╝ ╚═╝ ╚═╝╚═╝ ╚═╝╚═╝ ╚═╝╚═╝ ╚═╝ ╚═════╝
Visual editor for your existing React codebase.
Click any element to edit it, or ask the AI agent. Changes land in your source files as real diffs.
- ✓ Works with any React stack
- ✓ Edit by hand or ask the AI agent
- ✓ Run locally or on your own cloud
- ✓ CLI + agent open source (Apache 2.0)
## how it works
Run the local agent
A small container watches your dev server and bridges it to the editor in your browser. Everything stays on your machine — no SaaS storage, no source upload.
Edit visually, or just ask
Open the editor and click any element to tweak classes, text,
or props inline. Or type what you want into the agent —
“make this card sticky on scroll” —
and it patches the exact source line.
git diff shows the change,
HMR reflects it live, and the commit reads like a human
wrote it.
## why
→ No new framework
Your stack stays the same. Reads and writes the JSX you already have — Next.js, Vite, Remix.
→ AI edits, not rewrites
The agent patches one element at a time, not whole files. PRs read like a human wrote them — diffs stay reviewable.
→ Open core, fully local
CLI and agent are open source (Apache 2.0). Runs on your machine — uninstall any time, nothing left behind.
[ system ]
krafto $