You are browsing documentation for version 5.0 of OroCommerce, OroCRM, and OroPlatform, maintained until August 2024 and supported until March 2026. See version 5.1 (the latest LTS version) of the Oro documentation for information on latest features.

See our Release Process documentation for more information on the currently supported and upcoming releases.

Oro Frontend Stylebook

Oro StyleBook is a UI elements and components library that helps developers and designers use the recommended templates to build or customize the Oro application pages. The information in the UI library may be used in two different ways.

  • When you modify your Oro application layout, you can copy the element`s source code to your custom form or page in the Oro application to preserve the overall look and feel consistency.

Most of the OroCommerce back-office and storefront UI elements are included and grouped into the following categories:

General Look and Feel

The general look and feel section of the frontend stylebook

Form Elements

The form elements section of the frontend stylebook

Grid Elements

The grid elements section of the frontend stylebook

JS Components

The JS components section of the frontend stylebook


  • Use the tabs at the top of the page to switch between the categories.
  • In the category, use the elements navigation tree on the left to jump to the element`s description, preview, and a code sample.

Business Tip

If you want to get more insights into B2B commerce and its differences to B2C, check out our comprehensive guide on this topic.