Layrr
Framer for your actual codebase
311 followers
Framer for your actual codebase
311 followers
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.
🚀. slayyy 💅
Looks really cool - perfect for small design adjustments!
Nowadays, when you use an LLM to modify specific components, you often have to do some magic tricks to make it work properly.
Hoppscotch
@shahar_shalev started building this to solve that exact problem
SocialiQ
Great work @kiranjohns . Writing prompts to describe visual changes is such a time sink, this will massively improve dev ergonomics. Kudos for open-sourcing it!
Hoppscotch
@manzoorsamad Thank you :)
this looks really great (thank you!) - when will it be available for windows ?
Hoppscotch
@isabell1 My current priority is to make it into a better form factor + improve ease of use! Don't have a date right now but hopefully soon
Oasi
The open source is always welcome!