ShopKit

About ShopKit

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.

Seamless Shopify → Framer Data Flow

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.

Total Control Over the Buying Experience

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

Conversion-Focused Cart Experience

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

Global Commerce with Shopify Markets

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

Support

You can connect with Framer ShopKit Team: