top of page

Features

All the tools to build and design visually your next React project

The Visual Way to Build the Web

Visually create everything from complex applications to dynamic websites, design systems, and component libraries—all within Codux’s unified platform.

A strip showing three rich UI examples, one for a website, the second for a web application, and the third for a UI kit.
A strip showing three rich UI examples, one for a website, the second for a web application, and the third for a UI kit.

Applications

Create complex, rich, high-performance applications with powerful visual tools and full code control.

​

Websites

Design and develop beautiful, responsive websites that deliver amazing user experiences.

​

Design Systems

Build and maintain consistent design systems or component libraries that scale effortlessly across your projects.

​

Built-In Headless Integrations

Leverage the power of Wix services (E-com, CMS, Booking and more) for a robust business management tool to quickly get your project up and running.

​

Visual Styling & Layout

Rapidly design and style your Project UI using the Codux Style Panel

A strip showing UI from a music app, with a selection frame, and two visual controllers for editing its style, one for layout the other for colors.
A strip showing UI from a music app, with a selection frame, and two visual controllers for editing its style, one for layout the other for colors.

Intuitive Visual Controls

Adjust colors, typography, spacing, and more with a powerful yet user-friendly interface.

Learn more

​

Work with CSS

Create CSS Classes and States to apply your design to any selected elements.

Learn more

​

Pre-built & Customizable Layouts

Use ready-made layouts, create your own from scratch and inspect them on Stage.

​

Style tokens & variables

Maintain design consistency and accelerate your development by integrating your design system or UI kit.

Learn more

​

Component Structuring & Editing

Design components by visually modifying properties and adding HTML elements, custom components, or third-party libraries.

A strip showing a panel for visually controlling a React component structure and properties alongside the visual output.
A strip showing a panel for visually controlling a React component structure and properties alongside the visual output.

Component Creation

Create new components from scratch to match your specific design requirements.

Learn more

​

Visual Structure Editing

Drag and drop elements and components to build your desired component in isolation.

Learn more

​

Native Elements & Component Libraries

Add HTML elements, custom components, and third-party libraries to enrich your project.

Learn more

​

Property & Attribute Management

Visually modify properties and attributes to control your component’s behavior and appearance.

Learn more

​

Reusable Component Variants

Create multiple variations of a component with different content and styling for better flexibility and reuse.

Learn more

​

Real-World Collaboration

Collaborate effortlessly with branches, code reviews, and online live project sharing.

A strip showing the various Git panels in Codux, and a small section representing the projects UI.
A strip showing the various Git panels in Codux, and a small section representing the projects UI.

Isolated Branches

Work independently on features or fixes without affecting your teammates' progress.

Learn more

IN APP ONLY

Collaborative Code Reviews

Review and merge changes with built-in Git integration and pull requests support.

Learn more

IN APP ONLY

Live Playgrounds

Share interactive online Codux previews of your project with stakeholders or collaborators for instant feedback.

Learn more

IN APP ONLY

Code-First Development

Access, edit, and see your code sync in real time across Codux and your preferred IDE.

A strip showing a visual credit card component alongside context menus and code representation from Codux.
A strip showing a visual credit card component alongside context menus and code representation from Codux.

Integrated Code Editor

Access and edit your project's code directly within Codux using the built-in code editor.

Learn more

​

Bi-directional Code Syncing

Seamlessly switch between Codux and your preferred IDE, with changes reflected in both environments in real-time.

Learn more

IN APP ONLY

Visual-Code Navigation

Jump directly to the relevant line of code from any element selected on stage.

Learn more

​

Open in Your IDE

Quickly open your project in your preferred code editor from any visual controller for more intricate modifications.

Learn more

IN APP ONLY

Web Standards Foundation

Integrate third-party libraries and import your existing React & TypeScript projects without proprietary lock-in.

A strip showing 3rd-party components being used, alongside popular library icons such as SemanticUI and Nivo. It also shows a panel for opening a local project in Codux.
A strip showing 3rd-party components being used, alongside popular library icons such as SemanticUI and Nivo. It also shows a panel for opening a local project in Codux.

Flexible Integrations

Enhance your project by incorporating your favorite third-party libraries, from UI component libraries to API integrations and helper utilities.

Learn more

IN APP ONLY

Direct Project Imports

Bring your existing React and TypeScript projects into Codux without any proprietary formats or conversions, maintaining full control over your code.

Learn more

IN APP ONLY

Deployment & Publishing

Maintain full ownership and control of your project deployment and publishing.

A strip showing a deployed production site in the browser and a publishing modal inside Codux.
A strip showing a deployed production site in the browser and a publishing modal inside Codux.

One Click Publishing

One-click publishing made easy. Bring your React apps to market faster without the usual deployment hassles.

​

Self Hosted

Deploy anywhere you prefer by self-hosting on your own servers or selecting any cloud provider that fits your needs.

​

Instant Design Validation

View and debug your components in isolation, with real-time browser previews
and logging.

A strip showing UI validation with on-screen indicators, and a Computed Styles panel.
A strip showing UI validation with on-screen indicators, and a Computed Styles panel.

Isolated Component Previews

Create custom scenarios using Boards to preview and refine your components under different conditions and constraints.

Learn more

IN APP ONLY

Real-Time Log Viewer

Monitor and debug component behavior with live console output.

Learn more

​

Live Browser Preview

Instantly view your components in your browser of choice for accurate testing and validation.

Learn more

IN APP ONLY

Scripts & Dependencies Automation

Automate tasks and manage dependencies with built-in tools.

A strip showing UI elements for running scripts through Codux, as well as viewing their outputs.
A strip showing UI elements for running scripts through Codux, as well as viewing their outputs.

Automatic Dependency Setup

Install and update project dependencies within Codux.

Learn more

​

Integrated Script Runner

Execute custom scripts directly from Codux to build, test, or serve your project.

Learn more

IN APP ONLY

bottom of page