Content sections for Shopify - FAQs, blogs, rich text, lookbooks and SEO-friendly structural components.
Collection card grid
A responsive grid of collection cards driven by section blocks.
View snippetFAQ accordion
An accessible accordion built with native details elements, no JavaScript required.
View snippetResponsive slideshow
Desktop and mobile images per slide with autoplay and arrow navigation. Adapted from a real storefront build.
View snippetImage + text split
The single most-installed section type - image one side, copy + CTA the other, desktop/mobile stacked.
View snippetFeature icon row
Multicolumn icon + title + caption grid - the 'why us' strip on almost every winning homepage.
View snippetHorizontal product scroller
A swipeable row of product cards - featured collection without the grid layout.
View snippetProcess / story timeline
Numbered steps down a vertical line - 'how it works', brand story or delivery process.
View snippetVideo banner hero
Full-width video or YouTube background hero - motion sells, and most themes ship static banners only.
View snippetPhoto gallery grid
A clean responsive photo grid - lookbook, room inspo, product-in-context shots.
View snippetSearchable FAQ
FAQ with a live filter box - big for stores with 20+ real questions.
View snippetTeam / makers grid
'Meet the makers' cards - the trust layer that turns a storefront into a brand.
View snippetExpanding image accordion
Side-by-side image panels that expand on hover - a premium lookbook pattern that photographs beautifully.
View snippetTabbed product grids
Tabs that swap between collection grids - 'New in / Bestsellers / Sale' on the homepage without scrolling.
View snippetArticle TOC + read time
Table of contents from headings plus 'X min read' - makes long blog posts skimmable.
View snippetNative video player
A real hosted video with controls - not a YouTube iframe, for when you want it to feel native to the store.
View snippetReading progress bar
A thin progress bar at the top while reading blog posts - keeps readers oriented on long content.
View snippetRelated blog posts
'Keep reading' cards for 3 posts in the same blog - keeps readers on your site instead of bouncing.
View snippetAuthor bio card
Name + avatar + short bio under blog posts - signals a real person wrote it, not content-mill filler.
View snippetStaff picks section
'Our team's favourites' - curated picks with a human angle that bestseller lists don't have.
View snippet19 components in this category - browse all 203 in the playground