Flickity

Flickity is a JavaScript carousel library with touch support, cell alignment and its own pagination model. It has been a common choice in Shopify themes for years, which means a theme often carries it because an earlier build did, alongside whatever slider a later section introduced.

Documented at https://flickity.metafizzy.co/.

How We've Used It

In the product galleries it has one specific job: the shade carousel that appears when a product has enough variants to need one. It is loaded conditionally, only where that carousel renders, while the main gallery and its thumbnail rail run on a different slider. That split is the pattern worth naming. A theme frequently carries more than one carousel library, and a section that binds to a named instance it loaded itself is easier to reason about than one that assumes whichever library initialized the markup around it.

Builds Using It

One further gated build uses it; its page follows.

Related Entities

Our Role

Coexistence. Our gallery work runs alongside it and initializes it for the one carousel that uses it; the library is open source and stays as published.

Builds