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 section follows a four-tiered structure:

  1. 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.

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

  3. Groups: Groups organize related content or functionality within a layout. They let you bundle settings or blocks together (e.g., “Card”, “Image Background”) for clearer content management.

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

Last updated