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.

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.

03

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

Edit components properties and styles using visual panels and controllers.

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

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