Library
Components
Here you can find all the components available in the library. Open one to preview it, then install the Liquid with the CLI.
All components
- Announcement BarA header bar that rotates promotional messages, with a copyable code and merchant colors.2 variants
- Back In StockAn email form shown when the selected variant is sold out.1 variant
- Back To TopA button that returns to the top of the page, with a ring that fills as the page scrolls.2 variants
- Before AfterA keyboard and touch comparison slider with proof points and a call to action.2 variants
- Blog GridThree latest articles with image, tag, date, reading time and excerpt.1 variant
- Brand StoryFounding story next to an image, with a signature and three facts.2 variants
- Bundle BuilderPick a set number of products, see the total, and add them in one cart request.1 variant
- Cart DrawerA header button that opens a dialog cart loaded from Shopify's cart endpoints.1 variant
- Cart UpsellOne complementary product with its own add button.2 variants
- Collection GridA responsive grid of Shopify collections, with configurable columns, spacing, and image ratio.1 variant
- Collection PillsHorizontal chips with collection counts. The active collection is highlighted.2 variants
- ComparisonYour product against two alternatives, with your column highlighted. Scrolls sideways on mobile with a sticky first column.2 variants
- ContactContact channels with live status beside a validated form with topic and order number.2 variants
- Countdown BannerA banner that counts down to a UTC date and then hides or shows an ended message.1 variant
- Delivery EstimateA live cutoff countdown and a delivery window that skips weekends and listed holidays.1 variant
- Editorial GalleryAn asymmetric grid with one hero image. Every image opens in a lightbox.2 variants
- FAQ AccordionQuestions and answers that open from the keyboard, with an option to keep one answer open at a time.2 variants
- Feature TabsA list of features on the left that auto-advances with a progress line, the matching image on the right.2 variants
- Featured CollectionUnderline collection tabs above a product grid, with a view-all link.2 variants
- Featured ProductGallery, price, swatches, quantity, add to cart and buy it now for one product.1 variant
- FooterA footer with the store name, a Shopify menu, optional social links, and an optional newsletter form.1 variant
- Free Shipping BarA cart progress line for a merchant-set free-shipping amount.2 variants
- Frequently Bought TogetherA merchant-picked set of products with a combined total and one add button.1 variant
- Gift WrapA cart checkbox and a message saved as cart attributes, with an optional paid wrap product.2 variants
- GuaranteeA rotating guarantee seal next to the promise and three policies.2 variants
- HeroFull-width image with an eyebrow, headline, text and two calls to action.3 variants
- How It WorksThree illustrated steps with timing, for a product or a service.2 variants
- Icon BenefitsRepeatable benefit rows with a built-in icon, heading, and description.2 variants
- Image With TextAn editorial image beside a heading, rich text, and an optional link.1 variant
- IngredientsA product image with badges and an expandable ingredient list with percentages and what each one does.2 variants
- Interactive HotspotsAn editorial image with pulsing hotspots. Each opens a product card with quick add.2 variants
- Logo CloudStockist or partner logos in a ruled grid. Hovering a logo reveals its location.2 variants
- MarqueeA scrolling strip of short promises. It pauses on hover and stops when reduced motion is requested.2 variants
- NewsletterAn image beside the signup form, with an incentive, three perks, consent and a success state.2 variants
- Newsletter PopupAn accessible dialog with an image, an incentive, and a customer form.1 variant
- Press LogosPress quotes that change when a logo is selected, rotating on their own.2 variants
- Product QuizThree questions, a progress bar, and a recommended product with add to cart.1 variant
- Product RecommendationsFour related products with ratings, swatches and quick add. Swipes on mobile.2 variants
- Promo BannerAn image next to a large offer, a short pitch, a call to action and fine print.2 variants
- Quantity BreaksSelectable quantities that update the product form. Totals are the variant price times quantity.1 variant
- Recently ViewedThe last products the visitor opened, stored in the browser, with a Clear action.2 variants
- Review CardsManually entered review cards with a name, rating, text, and optional image.2 variants
- Shoppable VideoShort vertical videos, each linked to the product it shows. Tap to watch in a full-screen player.2 variants
- Size GuideA link that opens a dialog with a size table and a how-to-measure image.1 variant
- Stats CounterFour key numbers that count up when they scroll into view.2 variants
- Sticky Add To CartA product-template bar that appears when the theme's add-to-cart button leaves the screen.1 variant
- Stock IndicatorA progress bar and “only a few left” when the selected variant is tracked and below the threshold.2 variants
- Store LocatorSearch, filters and a store list linked to map pins. Uses a static map until a map provider key is set.2 variants
- Subscribe And SaveOne-time purchase and subscribe cards. The choice writes the theme selling plan input.1 variant
- Testimonials WallA dense wall of reviews in columns, collapsed with a "Show more" fade.2 variants
- TimelineMilestones along a line that fills as you scroll. Alternates sides on desktop.2 variants
- UGC StoriesCustomer stories as round bubbles. Tapping one opens a full-screen viewer with progress bars and the tagged product.2 variants