---
title: "Cells Cart — Free Framer plugin · Best of Framer"
description: "Free Framer plugin · by MJ Nafi · Ecommerce. Cells Cart A native shopping cart system for Framer — designed to feel like part of the canvas, not bolted on."
canonical: "https://framer.elliotli.dev/plugin/cells-cart"
---

[Home](/)/[Plugins](/plugins)/[Ecommerce](/plugins/category/ecommerce)/Cells Cart

# Cells Cart

Drop-in cart for Framer sites

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

![Cells Cart preview image 1](https://framer.elliotli.dev/og/plugin/cells-cart/3921e8098bb0605d/1600x1200.jpg)

## Summary

Cells Cart A native shopping cart system for Framer — designed to feel like part of the canvas, not bolted on.

## Description

## Cells Cart

A native shopping cart system for Framer — designed to feel like part of the canvas, not bolted on.

**No external checkout. No headless commerce platform. No webhooks.**Install the Cart Engine into your project's \`<head>\`, drop the components onto your pages, and you have a working cart. The cart lives in the visitor's browser, orders log to your Google Sheets, and confirmation emails send through Google Apps Script.

## What's included

### Scripts

-   **Cart Engine** -the head script that powers everything
    
-   **Apps Script** - enables Google Sheets integration
    

### Triggers

-   **Add To Cart Hitbox** - invisible click area that turns any frame into a buy button
    
-   **Variant Selector** - pill-style picker for Size, Material, Fit, etc.
    
-   **Color Selector** - circular swatch picker
    
-   **Quantity Selector** - number stepper
    

### Display

-   **Cart Badge** - live item count, perfect for nav bars
    
-   **Cart Display (Manual)** - full cart + checkout panel; orders log to Google Sheets
    
-   **Cart Display (Auto Mail)** - same as Manual, plus auto-sends branded confirmation emails via Gmail
    
-   **Cart Display (Pro Mail)** - confirmations sent from your branded domain via Brevo, Mailgun, Resend, SendGrid, or Postmark
    

## How it works

1.  Install the **Cart Engine** once per project.
    
2.  Drop **Triggers** onto your CMS-bound product cards and bind ID, Name, Price, Image.
    
3.  Add a **Cart Display** to your cart drawer or checkout page.
    
4.  Connect a **Google Apps Script** to log orders to Google Sheets and send confirmation emails.
    

## Why Cells Cart?

-   **Zero infrastructure** — no Stripe, no Shopify, no headless commerce platform required.
    
-   **CMS-native** — every component binds straight to Framer CMS fields.
    
-   **Brandable emails** — full control over banner, copy, colors, and template variables.
    
-   **Variants + stock** — multi-variant products with per-variant stock tracking.
    
-   **Charges & discounts** — flat or percentage adjustments based on quantity, price, or any custom field.
    

## Documentation

Full setup guides and component references: [cellscart.framer.wiki](https://cellscart.framer.wiki/)

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

-   All · #404

## Details

- **Author**: MJ Nafi
- **Published**: 2026-05-04
- **Updated**: 2026-05-04
- **Added**: 2026-05-04
- **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