Codux
Free visual IDE for React + TypeScript — drag, drop, and style components while code stays in sync.
About
Codux is Wix's standalone visual development environment for React and TypeScript projects. It renders your app on a live stage where you can click any element to edit its properties, styles, and states through visual panels — every change writes idiomatic code back to your files in real time, whether you edit visually, in Codux's code editor, or in your usual IDE. It imports existing projects without conversion, supports CSS, Sass, CSS Modules, Stylable, and Tailwind, and includes Git integration plus one-click deployment.
The honest picture: Codux is React-and-TypeScript only, so Vue/Angular/Svelte teams are out of luck. It's a complement to your IDE rather than a replacement, and its AI story is thinner than newer agent-first tools. Development pace from Wix has been uneven since launch. But it's free, it never locks your code to a platform, and for visual React work it remains genuinely useful.
What it can do
- Live visual stage for React components
- Property and style panels with CSS/Sass/Tailwind support
- Two-way sync with your IDE and codebase
- Git integration with branch management
- One-click deployment and self-hosting options
Setup
Download Codux for Windows, Mac, or Linux from codux.com and open any existing React + TypeScript project — no conversion needed.
Prerequisites
A React + TypeScript project; Node.js for running the app.
Use cases
Works with
Trust score — 7/10
Scored 7/10 (metrics tier, metrics-v1). Evidence: Verified via vendor site/docs/GitHub and reputable coverage, wave 49; Trending score 66/100 from researcher assessment.
Sources
Every fact above was checked against these sources. Where a claim comes from the provider and couldn't be independently verified, the text says so.