Dev tools · alternatives · 2026

24 alternatives to Variable

Real-time coding for React developers

Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. Variable launched in 2020; newer entries below may have overtaken it.

1AV
A Visual IDE for React▲479
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 →
2
react.dev▲543
The new home for React and its documentation
2023 · react.dev · its alternatives →
3
JSX.Design▲413
The dev friendly no-code editor for React development
2024 · its alternatives →
4
Layouts.dev▲699
A notebook for building interfaces with Tailwind & shadcn/UI
2024 · layouts.dev · its alternatives →
5
Tempo Labs▲770
Quickly add payment, messaging, AI agents + more to your app
2024 · tempo.new · its alternatives →
6
Learn React fundamentals▲509
Application that will help you learn React fundamentals. Install this application locally - there's tutorial, code snippets and exercises. The main objective of this project is to help you get off the ground with React! - tyroprogrammer/learn-react-app
2019 · github.com · its alternatives →
7
Nue – Apps lighter than a React button▲756
Nue is HTML, CSS, and JavaScript taken to their absolute peak.
2025 · nuejs.org · its alternatives →
8CR
Copy React code from any site▲374
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 →
9RL
React-live▲31
2015 · dariocravero.github.com · its alternatives →
10
v0.dev by Vercel▲549
Generate UI with simple text prompts: copy, paste, ship
2023 · v0.app · its alternatives →
11
30 seconds of code▲337
Short code snippets for all your development needs
2020 · 30secondsofcode.org · its alternatives →
12
Variables in Ditto▲114
Dynamic strings in designs, {{auto-formatted}} for devs
2021 · dittowords.com · its alternatives →
13
React Bits Pro▲31
The React library designed for real impact
Feb 2026 · pro.reactbits.dev · its alternatives →
14TD
thin.dev, back end for making realtime, typesafe React Apps▲147
2022 · thin.dev · its alternatives →
15
Webstudio Variables▲214
Build and reuse expertly crafted Design Systems
2024 · webstudio.is · its alternatives →
16
Rapid React▲103
A light weight CLI tool for rapid scaffolding of React apps
2021 · npmjs.com · its alternatives →
17
React Markdown Editor▲97
A simple React markdown editor with preview
2021 · github.com · its alternatives →
18
A front-end visual development tool for React applications▲178
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 →
19
SyncVariables▲145
Keep your website current – no coding required
2024 · syncvariables.com · its alternatives →
203D
30 Days of React▲190
2016 · fullstackreact.com · its alternatives →
21UT
Under the hood ReactJS▲266
Entire React code base explanation by visual block schemes (Stack version)
2017 · bogdan-lyashenko.github.io · its alternatives →
22
React19▲22
Simplify. Optimize. Create
2024 · react.dev · its alternatives →
23
Quarkly▲184
Design tool to create sites & web apps on React
2020 · quarkly.io · its alternatives →
24
React-Static▲152
A progressive static-site framework for React!
2017 · medium.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 →