Layrr

Layrr provides Framer-style visual editing for your actual codebase, allowing you to drag, resize, and position components, convert Figma designs to code, and edit text directly in the browser while working with real files in your repository. It is framework agnostic, supporting React, Vue, Svelte, and HTML, and enables deployment anywhere. Layrr is a browser-based tool that integrates visual editing with your code, offering features like natural language design and maintaining your code within your repository. It is 100% free and open-source under AGPLv3, with no subscriptions or vendor lock-in, ensuring you own your code and choose your stack.