Features
Point-and-click element selection for source code location
Natural language edit instructions via AI coding agents
Source mapping via framework metadata and file search
Automatic git commits with [layrr] prefix
Dirty-file aware snapshotting before agent run
Supports React, Vue, Svelte, Next.js, Astro, plain HTML
Proxy-based integration alongside existing dev server
Multiple coding agents: Claude Code, Codex CLI, Gemini via Pi
Install via npm (npm i -g layrr)
Localhost editing at :4567
Edit history and revert capability
Real source file editing (not virtual DOM)
Shift-click multi-element selection
Overlay UI for visual interaction
Visual screen editor with infinite canvas
AI agents: Claude, GPT, Gemini, Qwen 3.7 Max, Claude Opus 4.8, Gemini 3.5 Flash
BYO API keys for OpenAI, Anthropic, OpenRouter on any plan
Live preview on device via QR code
Built-in code editor for pixel-level control
One-click publishing to web, iOS, Android
Full version control with rollback
Shared task board for organizing work
Team collaboration with roles and permissions
REST API integration with one-click setup (Webflow, Shopify, Xano, Supabase)
Supabase backend (database, auth, storage) in open beta
Theme and typography editing with Google Fonts picker
MCP integrations: Cloudflare, HighLevel
Exportable source code with full GitHub history
Expert services: scoping, design, backend, troubleshooting
