Headless Sections for Shopify
Add editable sections to any headless React storefront. Let merchants create, edit, and deploy custom sections straight from the Shopify dashboard.
Fragment Demo Video
Coming soon — previews of sections, analytics & scheduling
Why Fragment?
Build once, hand off forever. Drop in pre-built sections, wire up the SDK, and let merchants publish directly from Shopify—without touching your code again.
Pre-Built React Components
Hero, Announcement, Countdown, and more—ready to drop in with configurable variants.
TypeScript Support
Full typings for components and data—great DX and IDE safety.
Easy Integration
Lightweight SDK and simple APIs to fetch and render sections.
Multiple Section Types
Slideshows, product highlights, countdowns, marquee text, and more.
Tailwind-Compatible
Style instantly with utility classes or bring your own design system.
Production-Ready
Robust error handling, SSR options, and flexible rendering modes.
How It Works
Get up and running in minutes with three simple steps.
Install & configure
Add Fragment from the Shopify App Store, create an API key, and build sections in our editor.
Integrate SDK
Install the Fragment SDK in your React app, place components where sections should render, and connect your API key.
Preview & publish
Merchants preview changes in the dashboard and publish—updates appear instantly on the storefront.
Ready to transform your Shopify store?
Install Fragment, integrate the SDK in minutes, and give your team the power to ship dynamic sections fast.
Free to install • 14-day trial • No setup fees