layrr

Why Layrr

AI coding tools are powerful, but you still have to describe where to make the change — which file, which component, which line. Layrr skips all of that. You point at the thing on screen, say what you want, and the code changes.

No context-switching. You stay in the browser, looking at the actual app. No jumping between editor tabs, no grepping for the right file, no copy-pasting selectors into a prompt.

Every edit is a git commit. Each AI change is auto-committed with a [layrr] prefix. Preview how the app looked at any past edit, or revert to a previous version in one click. You always have a clean undo path.

Works with any framework. React, Next.js, Vue, Nuxt, Svelte, SvelteKit, Solid, Astro, Vite — Layrr maps clicked elements back to source files across all of them.

Get Started

Go to layrr.dev and sign up. You can:

• Import a GitHub repo — Layrr clones it, spins up a dev server, and opens the visual editor. When you're done, push your changes back to GitHub.
• Start from a template — Describe what you want to build in plain English. Layrr generates a working Next.js app and drops you into the editor to keep iterating visually.

How It Works

You click an element          Layrr figures out             AI edits the
in the browser          →     the source file + line    →   actual code
                                                            ↓
You see it instantly    ←     Dev server hot reloads    ←   Saved & committed

Click any element on the page to select it. Type what you want to change. The AI reads the source file, makes targeted edits, and your dev server hot-reloads the result instantly.