Dev tools · alternatives · 2026
24 alternatives to A front-end visual development tool for React applications
Webcodesk - Web App Builder for Create React App. Contribute to webcodesk/webcodesk-srv development by creating an account on GitHub.
This is a front-end visual development tool designed for building React applications. It provides a visual interface to help developers design and prototype React components without writing code from scratch. The tool… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. A front-end visual development tool for React applications launched in 2020; newer entries below may have overtaken it.
- 1

- 2AV
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 →
- 3
WeWeb▲537Create websites faster with a next-generation visual builder
2021 · weweb.io · its alternatives →
- 4

- 5

Render React components to Sketch for design systems
2017 · react-sketchapp.airbnb.tech · its alternatives →
- 6CR
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 →
- 7
Onlook for Web▲574The open-source, local-first Figma for React apps
2025 · onlook.com · its alternatives →
- 8

Tool for rapid development of static UI using React.js
2023 · its alternatives →
- 9
Layouts.dev▲699A notebook for building interfaces with Tailwind & shadcn/UI
2024 · layouts.dev · its alternatives →
- 10

Divjoy helps you create the perfect codebase and UI for your next React project.
2019 · divjoy.com · its alternatives →
- 11

- 12

- 13

- 14
BuilderX▲279Design to code, designers and developers on one platform.
2019 · rapidnative.com · its alternatives →
- 15

- 16

Hi HN, I’m Kiet, one of the creators of Onlook studio. I made this app that allows you to visually edit your locally running React app and write the code back to it in real-time. The purpose is to allow you to develop UI while fully owning your code the whole time. There are other visual builders out there but they either require you to upload your code to the cloud or some lengthy setup process. Onlook runs locally, deterministically, and only requires adding a plugin for the compile step (2 lines of config change). Technical details: This is technically a web browser that can point to your…
2024 · github.com · its alternatives →
- 17

- 18
React Proto▲313React application design and prototyping tool
2018 · react-proto.github.io · its alternatives →
- 19

- 20

- 21

Let AI create a full-stack web app based on your description
2023 · usemage.ai · its alternatives →
- 22BR
2015 · rnplay.org · its alternatives →
- 23
React Bricks▲213CMS with visual editing based on React components
2022 · reactbricks.com · its alternatives →
- 24

:package: build your react apps with one command and one `npm i`. - olahol/reactpack
2016 · 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 →