Layrr
Framer for your actual codebase
Layrr launched on November 7, 2025 with 284 votes, #84 of 9,796 launches that month and more than 95% of that year's launches.
In plain words
Layrr is a visual editor that works directly with existing codebases, offering Framer-style drag-and-drop editing for real project files. It supports React, Vue, Svelte, and HTML, enabling users to resize components, convert Figma designs to code, edit text in-browser, and design with AI assistance. The tool integrates with repositories and allows deployment to any platform. Layrr is open-source and free, designed for developers who want visual editing capabilities without leaving their actual codebase.
written from the facts on this page · September 2026
From the sources
Layrr gives you Framer-style visual editing for your actual codebase. Drag and resize components, convert Figma to code, edit text in-browser, or design with AI, all while working with real files in your repo. Framework agnostic (React, Vue, Svelte, HTML). Deploy anywhere. 100% free and open-source.
Layrr is a CLI that turns your browser into a visual code editor for local web apps. Select elements, describe changes, and apply edits to your source code with an AI coding agent.
Layrr turns the browser into a visual code editor for local web apps. Select an element, describe the change, and let an AI coding agent update the source files in your repo. You can see the issue in the browser: the button is too wide, the copy is wrong, the spacing is off. The slow part is finding the right file, line, and context before a coding agent can make a useful edit. Layrr sits between your browser and dev server. It injects a small overlay, maps clicked elements back to source, and gives the selected code location to the agent with your instruction. Hover, select, and send exact element context to the coding agent instead of describing the page from memory. Ask for copy,…from kiranjohns.com
Does a similar job
all alternatives →
Locofy.ai2022 · locofy.ai · ▲720Hey there, I am Honey - Co-founder at Locofy. We, along with other makers, have been building Locofy.ai to help massively accelerate the builders - the designers, developers, product managers & founders, and we're excited to share it today with the HN Community. Locofy.ai simply converts designs into production-ready frontend code for web and mobile apps. It adapts to your preferred design tools, tech stack, and workflows with ease and lets you launch upto 4x faster, while letting designers design the way they want and giving high-quality responsive code that developers love. With this…




More ai this month
the category →



Paintings by AI models: programs run through a simulation of oil paint.
AI · 20d ago · stillwet.art

PixVerse R2▲381A real-time world model you can explore and change
AI · 28d ago · world.pixverse.video
Source: Product Hunt launch ↗
Launched alongside, November 2025
the whole month →
Guideflow▲1,338Create interactive product demos and step-by-step guides in seconds with Guideflow, the leading AI-powered demo automation tool.
AI · Nov 2025 · guideflow.com

Hardware and software projects by Ali Roberts
Life & fun · Nov 2025 · bitsnpieces.dev
Welltory▲1,028Measure your wellness. Use data to feel great every day.
Work · Nov 2025 · welltory.com

TrustMRR▲833LLM Gateway is a b2b artificial intelligence based in United States, founded in 2025. $259,539/month in verified Stripe revenue. $78,764 MRR. Ahrefs Domain Rating 52/100. growing 55% month-over-month. Track LLM Gateway's verified metrics on TrustMRR.
Growth · Nov 2025 · trustmrr.com
Boing▲782Life & fun · Nov 2025 · boing.greg.technology