AI · alternatives · 2026
24 alternatives to Layrr
Framer for your actual codebase
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… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes.
- 1
deco.cx 2.0▲1,078Build web apps 10x faster with Deno, JSX, TS & Tailwind
2024 · decocms.com · its alternatives →
- 2
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…
2022 · locofy.ai · its alternatives →
- 3
Framer Motion▲420A truly simple production-ready React animation library
2019 · motion.dev · its alternatives →
- 4
- 5
- 6
A new creative coding environment in Framer X
2019 · framer.com · its alternatives →
- 7
- 8
- 9
Next-gen, highly customizable content editor for the browser - based on React and written in TypeScript. WYSIWYG on steroids. - react-page/react-page
2017 · github.com · its alternatives →
- 10
refine▲480100% open source React framework to build web apps 3x faster
2022 · github.com · its alternatives →
- 11
Motion (prev Framer Motion) is a fast, production-grade animation library for React, JavaScript and Vue. Build smooth UI animations at a tiny footprint.
2021 · motion.dev · its alternatives →
- 12AV
I made this because building UIs in a lexical medium like code is super annoying. I have to pre-render what I’m making in my head, and then jump between the browser and IDE to test. I was inspired by the developer console in chrome and safari since I end up editing css there because it’s ironically more convenient. Hope it’s useful!
2022 · dev.aspect.app · its alternatives →
- 13
Responsive, no-code, 3D elements - publish as a real site
2024 · its alternatives →
- 14
Learn to prototype and build components using React
2018 · designcode.io · its alternatives →
- 15
Hey hackers, OP here! I've been dipping in and out of this problem space for the last few years with many of my clients. Puck sits somewhere between an old-school WYSIWYG-powered CMS and headless one, allowing content teams to author content using real React components. Traditional CMS solutions were flexible but often resulted in page that completely broke the brand guidelines. Headless CMS solutions are a fantastic way of controlling brand by restricting UI changes to developers, but makes layout changes restrictive and slow as developers often need to get involved. Puck provides a visual…
2023 · github.com · its alternatives →
- 16
- 17
Hi HN, founders of VibeFlow (YC S25) here. We mostly work on backend and workflow tooling, but we needed a way to turn Figma designs into frontend code as a kickstart for prototyping. It takes a Figma frame and converts it into React + Tailwind components (plus assets). If you want to try it: You can run it locally or use it via the VibeFlow UI to poke at it without setup (https://app.vibeflow.ai/)
Jan 2026 · github.com · its alternatives →
- 18
- 19
- 20
Design interactive components with multiple variants
2021 · framer.com · its alternatives →
- 21
DesignCode UI▲142300+ beautiful and functional Figma and Framer components
2023 · designcodeui.com · its alternatives →
- 22
Everyone's shipping AI tools right now, and here I am with a visual editor. Still, I think many teams are very familiar with the problem of "marketing wants to change the landing page again." I've run into this for years. Campaign pages come in, engineers get pulled in, and tickets stack up. It's usually the same components, just rearranged. A few years ago, at a startup I worked at, we built an internal tool to deal with this. You register your existing React components, they show up as drag-and-drop blocks, and the result is a JSX string. No schema to learn, no changes to your component…
Dec 2025 · github.com · its alternatives →
- 23
Create beautiful moving gradients on Framer and Figma
2023 · shadergradient.co · its alternatives →
- 24
Also compare
Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →