Library Structure Overview

Flexi is built on a clear, modular hierarchy designed to make Shopify theme building faster, more flexible, and developer-friendly. Every Flexi component follows a four-tiered structure:

• Section

  The top-level container that defines a reusable component, like a hero banner or product slider. Sections can be dropped into any Shopify theme.

• Layout

  Each section contains one or more layout options—these control the structure, such as a single-column, grid, or split layout.

• Groups

  Groups organize related content or functionality within a layout. They let you bundle settings or blocks together (e.g., “Text Group”, “Media Group”) for clearer content management.

• Blocks

  The most granular unit in Flexi. Blocks are individual content elements—like headings, images, buttons, or product cards—that can be mixed and matched inside groups.