The Flex sections developer preview gives you access to the following new platform features:

- **Style settings**
  - New set of breakpoint-aware customization settings in themes that map directly to CSS properties
  - Easy for theme developers to provide a lot of styling flexibility for merchants.



In addition to the [style settings](docs/storefronts/themes/architecture/settings/style-settings) documentation, [consult the reference theme](https://github.com/shopify/reference-theme) which puts these concepts together. You can install the [latest release](https://github.com/shopify/reference-theme/releases). You can provide feedback using the [GitHub Discussion Board](https://github.com/Shopify/reference-theme/discussions).




## Access the developer preview

1. Log in to your [Partner account](https://partners.shopify.com/organizations), or [sign up](https://partners.shopify.com/signup) for an account if you don't already have one.
2. From your Partner Dashboard, click **[Stores](https://partners.shopify.com/current/stores)**.
3. Click **Add store** > **Create development store**.
4. In the **Store purpose** section, select **Create a store to test and build**.
5. In the **Store name** section, enter a name for your store.
6. In the **Build version** section, select the **Flex sections** developer preview from the drop-down list.
7. Under **Data and configurations**, choose whether to start with an empty store, or with a store that's populated with test data generated by Shopify.
8. Click **Create development store**.
9. Download and install the [latest release](https://github.com/shopify/reference-theme/releases) of the [theme blocks reference theme](https://github.com/shopify/reference-theme) on your development store.

> Note:
> Development stores that use a developer preview [can't be transferred to a merchant](/docs/api/development-stores#features-and-limitations-of-development-stores).

## Resources

<div class="resource-card-grid">
  <div>
  <a class="resource-card" href="/docs/storefronts/themes/architecture/blocks/theme-blocks" data-theme-mode="">
    <div class="resource-card__indicator-container"><img
     src="/assets/resource-cards/theme"
     data-alt-src="/assets/resource-cards/theme-dark"
     aria-hidden="true"
     class="resource-card__icon themed-image"></div>
    <h3 class="resource-card__title">
      Theme blocks
    </h3>
    <p class="resource-card__description">Learn about theme blocks, a way to create reusable modules for structuring content within sections.</p>
  </a>
</div>

<div>
  <a class="resource-card" href="https://github.com/shopify/reference-theme" data-theme-mode="">
    <div class="resource-card__indicator-container"><img
     src="/assets/resource-cards/github"
     data-alt-src="/assets/resource-cards/github-dark"
     aria-hidden="true"
     class="resource-card__icon themed-image"></div>
    <h3 class="resource-card__title">
      Reference theme
    </h3>
    <p class="resource-card__description">Explore Shopify&#39;s reference theme, built to support theme blocks.</p>
  </a>
</div>

</div>