◧ Shop Canvas
21 PLUGIN-FREE COMPONENTS
Everything your storefront needs
Catalog, product, cart and SEO — 21 Shopify-native Framer components bound to the Storefront API through a runtime you own. No plugin, no subscription.
Catalog & discovery
6 components
Catalog
Loads products from the Storefront API and renders a filterable, sortable, paginated grid with search and favorites — the backbone of a shop or collection page.
11 props
Catalog Controls
A search box, sort dropdown and result count that drive a Catalog’s state. Drop it above the grid.
15 props
Catalog Filter
Price, option, tag and availability facets for a Catalog, with 31 controls to tune labels and behaviour.
31 props
Favorite Button
A favorite/wishlist toggle that persists in the browser and syncs with the Catalog’s favorites filter.
6 props
Product Strips
Compact product rows to sit under a video, a lookbook or an editorial block.
7 props
Related Products
Newest, best-selling or related-by-collection products with zero setup. Powers the home and the product “you may also like”.
21 props
Product page
8 components
Add to Cart
Adds the selected variant and quantity to a real Shopify cart through the runtime, with adding / added / sold-out states.
22 props
Product Gallery
Main image plus thumbnails, bound to the CMS image fields, with variant-aware image switching.
23 props
Product Price
Price and compare-at price for a product or its selected variant, formatted per market and currency.
15 props
Product Variants
Option pills (size, color, …) that update the price, availability and the add-to-cart target.
24 props
Quantity
A quantity stepper that feeds the add-to-cart action.
20 props
Size Guide
A size-chart modal triggered from the product page.
20 props
Size Picker
One card, several pack sizes: pills switch the price and the variant added to cart.
13 props
StockStatus
A live in-stock / low-stock / sold-out badge from the Storefront API.
21 props
Cart & checkout
3 components
Cart Controls
Subtotal, discount code and checkout button — the button opens the real Shopify checkout.
19 props
Cart Lines
Image, title, variant, quantity stepper and remove for each line, bound to the live cart.
14 props
Cart State
A headless cart-count and subtotal binding for badges and mini-cart triggers.
3 props
UI & utility
2 components
◧ Shop Canvas
Framer × Shopify · Storefront API