Dev tools · alternatives · 2026
24 alternatives to A Visual IDE for React
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!
A Visual IDE for React is a development tool that lets developers build user interfaces visually rather than writing code. It addresses the friction of mental rendering and constant switching between editor and browser… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. A Visual IDE for React launched in 2022; newer entries below may have overtaken it.
- 1
21st.dev▲1,211I originally built this app to organize and reuse interesting React + Tailwind components I came across on Twitter, inspired by the shadcn/ui approach. Later, a friend started contributing their own components, and it got me thinking—this could grow into something bigger, like an NPM for design engineers to share and use components. Would love to hear your thoughts!
2025 · 21st.dev · its alternatives →
- 2
- 3
Layouts.dev▲699A notebook for building interfaces with Tailwind & shadcn/UI
2024 · layouts.dev · its alternatives →
- 4
- 5
Tempo Labs▲770Quickly add payment, messaging, AI agents + more to your app
2024 · tempo.new · its alternatives →
- 6
- 7
- 8
- 9
Hi HN! I was super frustrated at apps like tiktok and wechat preventing me from saving or downloading the animated gifs, so I made a little tool to turn a screen recording into a slack-sized emoji. Hope you get some value from this!
Jun 2026 · vorpus.github.io · its alternatives →
- 10
Render React components to Sketch for design systems
2017 · react-sketchapp.airbnb.tech · its alternatives →
- 11
v0.dev by Vercel▲549Generate UI with simple text prompts: copy, paste, ship
2023 · v0.app · its alternatives →
- 12
Following the Ant Design specification, we developed a React UI library antd (Pronunciation) that contains a set of high quality components and demos for building rich, interactive user interfaces.
2016 · ant.design · its alternatives →
- 13AP
2021 · portfolio.zxh.io · its alternatives →
- 14
- 15CR
I made this because building React components from scratch is super annoying. Most visual elements already exist on the web, and I figured there should be a way to leverage that. I hope it's useful!
2022 · sample-code.aspect.app · its alternatives →
- 16
- 17
React Bricks▲213CMS with visual editing based on React components
2022 · reactbricks.com · its alternatives →
- 18
Course for building a React site using components
2018 · designcode.io · its alternatives →
- 19
Webcodesk - Web App Builder for Create React App. Contribute to webcodesk/webcodesk-srv development by creating an account on GitHub.
2020 · github.com · its alternatives →
- 20
Once UI 1.5▲299When I started my career and built my first design system, I was beyond excited. It took a lot of iterations, learning and 6 months of work to launch it internally. In the next job, I did it again, then at the following job, again… And no matter which company I worked for, 80% of the design system was the same. I’ve decided to work full-time on the design system I’ve always wanted, and today I’m launching and open-sourcing it. You can use it to build Next.js apps faster, and I’ve designed it in a way that it’s hard to go wrong with it: you can choose any settings, and you’ll end up with a…
Dec 2025 · once-ui.com · its alternatives →
- 21
React Proto▲313React application design and prototyping tool
2018 · react-proto.github.io · its alternatives →
- 22
Looking at websites such as Clerk, I began thinking that design engineers might be some kind of wizards. I wanted to understand how they do it, so I started reverse-engineering their components out of curiosity. One thing led to another, and I ended up building a small library of reusable, animated components based on what I found. The library is built in React and Framer Motion. I’d love to hear your feedback
2025 · reverseui.com · its alternatives →
- 23
BuilderX▲279Design to code, designers and developers on one platform.
2019 · rapidnative.com · its alternatives →
- 24
React component for a visual way to create UIs
2024 · github.com · its alternatives →
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 →