https://www.codux.com/

 
Download Codux

  *  

    Demo

  *  

    FAQ

  *  

    Help Center

  * More...

Use tab to navigate through the menu items.
 
White text on a dark background, with two computer screen windows
layered on top of each other in the lower right corner. The bottom
screen shows lines of code in an IDE, and the top screen shows the
rendering: a website component for a bluetooth speaker.
[Frame]
[Group]

React, meet your
first visual IDE

Visually edit projects side-by-side with your code editor. See every
change reflected instantly and get your work done faster.

react logo
Typescript logo
CSS logo
Sass logo
CSS modules
Stylable logo
git logo
Try Demo
Download Codux

Change component structure and add elements from your own project or
third-party libraries.

Visually edit component styling and layouts, and see your changes
written into standard code in real-time.

Render and inspect any visible element to locate it in the code, and
quickly change its UI with visual controllers.

Enable your team to view and edit works in progress and review their
changes, even in early stages of development.

Create and simulate different component states and props visually
with boards.

01

Develop components in isolation

02

Expedite your CSS

03

Visually navigate your code

04

Validate behavior and design

05

Collaborate with Git

Experience total frontend control

Get Started

*

Two computer screen windows layered on top of each other on a black
background. The bottom screen shows lines of code in an IDE, and the
top screen shows the rendering: a website component for a headset.

Work visually and side-by-side with your preferred IDE.

*

A video of a computer screen window, showing a component being
rendered and adjustments being made to the layout.

Edit components properties and styles using visual panels and
controllers.

*

An illustration of code in an IDE and a large, purple settings icon
on a dark background.

Keep your project's configurations and stay true to your coding
style.

Start Your Project

Develop in a dynamic environment

Fast-track your UI

Build functional applications, develop components in isolation, and
edit existing projects-- all based on source code and with real-time
rendering.

Download Codux
 
Watch Video
[0784b1_f81]

You made it this far. 
Push your code further.

Get Started

Experience total frontend control

Codux is part of Wix.com LTD. (c) 2006-2022

Help Center
Blog
Community
Demo
FAQ
Release Notes
Contact Us
Privacy Policy
Terms of Use
[Path]
[Mask]

  * Download
  * FAQ
  * Help Center