Build React applications visually with Wix Component Studio.

Create, view and edit React projects, collaborating with your team in a single development environment. Explore the power of your code in a 100% visual experience.

View React components in isolation

  • Automatically scan and render components from your project’s source code

  • Create boards to simulate component states and props

  • Control your components’ responsive design with custom breakpoints

  • Work with your IDE of choice alongside Wix Component Studio

Developers

Create new and edit existing React components

  • Use panels, controllers and other visual tools for straightforward component editing

  • See any UI changes instantly reflected in your code and vice versa

  • Work with your own components, or any 3rd party code you like

Desigers

Collaborate with your team

  • Manage your projects through GitHub using branches and commits

  • Enable designers and non-technical team members to view and edit components

  • Deploy an online development environment for quick access throughout the development cycle

Teams
Designers
Component Guides
Product Card Component
VR Headset
Image Selection
Designer User Profile Picture
Git Notification
Styles Panel
CSS3
react
TypeScript
CSS MODLES
Sass

Supported technologies

Teams
Component Guides
Product Card Component
VR Headset
Image Selection
Developers
Component Guides
Product Card Component
Git Notification
Developer User Profile Picture
VR Headset
Image Selection
Component
Component
Component
Component
Component
Component
Component
Component
Component
Component
Component
Component
Component
Component
Component
Component
Component
Component
Component
Component
Component
Component
Component
Component
Component
Component
Component
Component
Component
Component
Component
Component
Component
Component
Component

Accelerate your workflow. Create React components visually.

Try Our Demo