Framer ShopKit is a powerful, design-first commerce plugin that lets you build fully custom Shopify storefronts directly inside Framer without any limitations, or heavy integrations. It combines Framer’s creative freedom with Shopify’s robust commerce engine, giving designers and developers complete control over layout, interactions, and performance.
ShopKit pulls live data from your Shopify store and keeps it in sync across your Framer site. Products, variants, pricing, collections, and metadata are all available to design with no manual duplication, no stale data.
You can also surface custom Shopify metafields and map them into editable Framer CMS fields, allowing content teams to update product information visually without touching code.
Design every interaction exactly the way you want:
Flexible purchase actions including Add to Cart, Buy Now, quick-add flows, and express checkout options
Subscription support through Shopify selling plans (compatible with major subscription apps)
Rich variant selection using buttons, dropdowns, color swatches, image swatches, or mixed layouts
Inventory-aware quantity controls with custom limits and states
Real-time pricing updates that reflect selected variants, discounts, and compare-at values
ShopKit’s cart system is built to increase order value:
Instant add-to-cart overlays and responsive cart states
Smart empty-cart recommendations to surface key products
Cart progress indicators that encourage higher spend
Live cart counters with unique empty and active states
Fully customizable cart item layouts and controls
Sell internationally without friction:
Automatically show region-specific pricing
Design branded market selectors inside Framer
Display localized content per market
Send customers to checkout in the correct language and currency
Use show-once modals for market selection or onboarding
You can connect with Framer ShopKit Team:
Mail: hello@framershopkit.com
Minor Bug Fixes
Zoom Effect on Advanced Gallery Component
Custom Trigger Name on Advanced Pop-Up Component