Layrr for Developers
Select elements visually, describe changes in natural language, and let AI write the code. Works on any framework.
Visual editing, real code changes
Click an element on the rendered page and Layrr traces it back to the exact source file and line number — through React fiber trees, Vue component instances, and Svelte compiler output. Describe what you want changed, and the AI modifies the actual source code.
Two ways to use it
The Layrr CLI proxies your local dev server, edits your source files directly, and auto-commits to git. It's free, open source, and runs entirely on your machine. The cloud app lets you edit any live website from the browser — no local setup needed.
Framework-aware source mapping
Layrr uses framework-specific resolvers to trace DOM elements back to source code. React 19+ fiber owner stacks, Vue component __file metadata, Svelte and Solid compiler output — each framework gets a dedicated resolver. When framework metadata isn't available, it falls back to scored file search across the project.
Git-native workflow
Every change creates a git commit (CLI) or is tracked in version history (cloud). Import from GitHub, push changes back. No proprietary format, no lock-in. Your code stays your code.
Speed up UI iteration
Spacing tweaks, color changes, responsive fixes, copy updates — the stuff that's tedious to do by hand but doesn't justify a full design system refactor. Select the element, say what you want, move on.