Open Site Navigation
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.

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

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

*

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.

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.

You made it this far. 
Push your code further.

Experience total frontend control

Codux is part of Wix.com LTD. © 2006-2022

Close Site Navigation