Edit any website visually with AI assistance. Describe what you want in plain English, and watch your code update in real-time. Works with your existing codebase.
Most AI website editors lock you into their platform. Layrr works with your real codebase.
Layrr connects to your local dev server and edits your real HTML, CSS, and JavaScript files. No exports, no migrations, no lock-in.
Describe changes in plain English. "Make the header sticky" or "add a pricing section" and AI handles the implementation.
Click and drag to move elements visually, or jump into the code editor. Switch between modes seamlessly based on what you need.
Works with React, Vue, Svelte, plain HTML, or whatever you're already using. Framework-agnostic and designed for real projects.
All changes happen in your Git repository. Review changes, create branches, and commit like you normally would.
Since you own the code, deploy to Vercel, Netlify, your own server, or anywhere. No vendor lock-in or hosting requirements.
Powerful AI features designed to make website editing faster and more intuitive
Upload a design mockup and let AI generate production-ready code. Perfect for converting Figma designs, screenshots, or sketches into working websites.
Select any part of your website and describe what you want to change. AI understands context and makes intelligent modifications.
Click any element to select it, then drag to reposition or resize. Changes are written back to your code files automatically.
Click any text on your website to edit it directly. Perfect for content updates without hunting through files.
Connect Layrr to your existing project and start editing visually with AI
Run a single command to install Layrr. Works on macOS, Linux, and Windows. No complex setup required.
Point Layrr to your dev server. It automatically detects your framework and integrates with your workflow.
Edit visually with drag-and-drop, use AI to generate new sections, or jump into code mode when you need it.
From solo developers to agencies, Layrr accelerates every type of web project
Prototype faster, make quick UI tweaks without context-switching, and let AI handle repetitive styling work.
Turn your designs into real code without writing everything from scratch. Edit visually, then refine in code.
Speed up client revisions, empower non-technical team members, and maintain code quality across projects.
Start editing your websites with AI. Free, open source, and works with your existing code.
curl -fsSL https://layrr.dev/install.sh | bash