What is Wix Style React?

Wix Style React is a library of UI components for web applications. It has a predefined style that represents Wix brand and each component has a specific intention.

Goal

The library is meant to be used by UX designers and FED developers. Use it to speed up the process, and keep consistent with other products.

Environment

Wix Style React library can be used to design multiple environments. Primarily it's meant for Business Manager applications (BM), however it supports composer and stand alone environments.

Business Manager (BM) Applications

Business Manager applications are part of Wix ecosystem. It allows users to manage website's content without entering the Editor. Tables, lists, complex forms are kept in this domain.

WSR serving these products in the BM:

  • CRM
  • Chat
  • Promote
  • OS
  • Premium
  • Paid Plans
  • Stores
  • Bookings
  • Media
  • Events
  • Forms
  • Members
  • Photographers
  • Forum (Soon)
  • Blog
  • Hotels

Composer Applications

Composer Applications can be part of Business Manager or it can be a stand alone app. The application usually has a viewport of a composed item and a sidebar.


WSR serving these composer products

  • Email Marketing
  • Logo Maker
  • Photo Studio
  • Photo Albums
  • Print Shop
  • Social Posts

Studio Dashboard and Account Manager

Two Wix horizontal applications that aren't part of Business Manager use Wix Style React.

Existing products:

WSR serving these products in the dashboard

  • Partner Dashboard
  • Account Manager

Standalone Applications

Standalone Applications can exist outside Wix ecosystem. Usually they are 

Existing Standalone Applications:

WSR serving these products as standalone applications

  • People
  • Restaurants (unreleased)

Supported Platforms

Wix Style React primarily is built for desktop applications, however lately there's more effort shown to support mobile web.

🖥 Desktop Web

Fully supports.

📱Mobile Web

Partially supports. Mobile layout doesn't exist, however the library has components designed specifically for mobile – ModalMobileLayout, RadioGroup, Checkbox.

Team

The library has the full time team working to maintain and introduce new features. Read more about team's structure and the roles here.
IN THIS ARTICLE