---
title: "FramerShop — Free Framer plugin · Best of Framer"
description: "Free Framer plugin · by yongmin ruucm · Ecommerce. What is FramerShop?"
canonical: "https://framer.elliotli.dev/plugin/framershop"
---

[Home](/)/[Plugins](/plugins)/[Ecommerce](/plugins/category/ecommerce)/FramerShop

# FramerShop

Framer Shop

[View on Framer](https://framer.com/marketplace/plugins/framershop/?via=elliot-li)

![FramerShop preview image 1](https://framer.elliotli.dev/og/plugin/framershop/c0f33872356d8269/1600x1200.jpg)

## Summary

What is FramerShop?

## Description

**What is FramerShop?**

FramerShop is a commerce layer for Framer that turns your designs into a real shop. You design pages and components in Framer, bring your product data in with this plugin, and ship — with the confidence that your site stays up‑to‑date.

This plugin connects a Framer project to your FramerShop catalog so you can import products into a CMS collection and keep them in sync. From there, bind fields to your components (lists, detail pages, galleries) and bring your storefront to life.

FramerShop Demo

**Try the demo (no code)**

-   Duplicate the Framer template: [Remix the demo project](https://framer.link/L4T1oJQ).
    
-   Sign in at [framershop.io](http://framershop.io) with [owner@framershop-demo.com](mailto:owner@framershop-demo.com) / demo1234.
    
-   In Dashboard → Settings, copy the Framer API Key and paste it into the plugin.
    
-   The template already includes CMS data; you can Sync to refresh it or Import to swap in the demo catalog.
    

**Why it feels magical in Framer**

-   Design‑first workflow: start with your ideal layout, not a template.
    
-   Live product data: real content while you design, not lorem ipsum.
    
-   Instant binding: drag‑and‑drop fields onto components; no schemas to hand‑code.
    
-   Seamless sync: re‑run the plugin to refresh items without breaking your bindings.
    
-   Optional components: use FramerShop’s cart/checkout building blocks to go from design to production faster.
    

**What the plugin does**

-   Imports your products into a Framer managed collection
    
-   Preserves your field naming while safely updating data
    
-   Sets each item’s slug to your product SKU for predictable URLs
    
-   Supports:
    
    -   Rich text descriptions
        
    -   Arrays of images
        
    -   Enum categories (pulled from your store)
        
    -   Multi‑collection references for product bundles
        
    -   Stock and featured flags
        

## Rank history [How rankings work →](/terms#rankings)

-   All · #242

## Details

- **Author**: yongmin ruucm
- **Published**: 2025-09-01
- **Updated**: 2025-11-13
- **Added**: 2025-08-22
- **Categories**: Ecommerce

## More across types

-   [Kaffe Origin - AgenT](/template/kaffe-origin-agent) — Noa Torner · Free — KAFFE ORIGIN Black and white, until you touch it.
-   [Sidra](/template/sidra) — Weblr Studio · Free — Arabic restaurant site RTL LTR
-   [Mercer Store](/template/mercer-store) — David Reyes · Free — Shopify Ecommerce Store Template

## More like this

-   [Shop Canvas](/plugin/shop-canvas) — Shop Canvas · Free — Shopify × Framer for agencies
-   [Reviewly: Photo, UGC reviews](/plugin/reviewly-photo-ugc-reviews) — Ecom swift LLC · Free — Photo & video reviews in your site
-   [Shopiframe](/plugin/shopiframe) — FrameSpace · Free — Start building your store for free: Shopiframe lets you connect your Shopify store with Framer easily.
-   [Us vs. Them — Product Comparison Table Builder](/plugin/us-vs-them-framer) — m c · Free — 1-Click Comparison Tables