Codux is a visual IDE for React that allows you to build and edit components visually and side-by-side with your project’s codebase. Changes can be made through code or with editing panels and are reflected instantly, for a faster workflow.

Codux is a desktop application that you download to your local device. During the beta stage, Codux is free to use.

Codux supports any React project built in TypeScript that uses CSS, CSS modules, Sass, or Stylable as its styling solution. This includes full support for editing design systems, and any other component exported from a third-party library package.

Yes, Codux works side-by-side with your IDE of choice. Changes synchronize in real-time with your local project files, so you can view and edit updates in both places.

Yes, you can create a new React app with Codux. Get started by choosing one of our template projects.

Yes, provided that your project uses React with TypeScript, and one of our supported styling solutions: CSS, CSS modules, Sass, or Stylable. Codux may require minor configurations, but many React projects will work with Codux by default. You can learn more about importing projects here.

Codux fully supports the use of third-party libraries and frameworks in your project. Soon you’ll even be able to add components from external libraries visually.

In Codux, your project’s code is the source of truth. When you make changes in the UI, the changes are written directly to the code files of your project, and Codux always renders the latest code. This goes for complex logic like expressions inside repeaters the same as it does for CSS – visual changes are written to the code, and changes to code show up visually on the stage and in Codux’s panels.

The short answer is ‘not yet,' but we’re working on a solution for this. Codux helps you build and maintain frontend projects while still using your favorite design tools.

Yes, Codux supports the entire Git workflow. All changes made to the code within the project folder are tracked by Git. Within the Codux interface, users can push, pull, commit, revert, work with branches, and more.