---
title: "Cart Suite — Free Framer component · Best of Framer"
description: "Free Framer component · by 伟俊 吴 · Buttons. Cart Suite is a production-ready shopping cart component kit built exclusively for Framer."
canonical: "https://framer.elliotli.dev/component/cart-suite"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/Cart Suite

# Cart Suite

Cart + PayPal checkout for Framer

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

![Cart Suite preview image 1](https://framer.elliotli.dev/og/component/cart-suite/321907041b31c237/1600x1200.jpg)

## Summary

Cart Suite is a production-ready shopping cart component kit built exclusively for Framer.

## Description

Cart Suite is a production-ready shopping cart component kit built exclusively for Framer. It includes three components that work together seamlessly:

-   **CartIcon** — A cart icon with a real-time badge showing item count. Clicking it toggles the cart drawer open and closed.
    
-   **CartDrawer** — A slide-out cart panel with item management, quantity controls, and a three-step checkout flow (Cart → Customer Info → Payment). Includes built-in PayPal SDK integration with multi-currency support (USD, EUR, GBP, CNY, JPY, AUD, CAD) and form field validation.
    
-   **AddToCartButton** — A customizable add-to-cart button with a visual confirmation animation on click.
    

All three components share state through a lightweight singleton store with localStorage persistence — no external dependencies required. Every visual property (colors, spacing, typography, layout) is configurable directly from the Framer property panel. Just drop them into your project and start selling.

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

-   All · #1883

## Details

- **Author**: 伟俊 吴
- **Published**: 2026-07-20
- **Updated**: 2026-07-20
- **Added**: 2026-07-20
- **Categories**: Buttons

## More like this

-   [Eye Glow Button](/component/eye-glow-button) — Frame Native · Free — Cursor-following eyes, soft glow
-   [Dash Stretch Button](/component/dash-stretch-button) — Pentaclay · Free — Animated Hover Button With a Dash
-   [Nova Theme Toggle](/component/nova-theme-toggle) — Shouvik Biswas · $12 — Three-Mode Theme Toggle
-   [Nabby: Copy Button](/component/nabby-copy-button) — Francesco Gallo · Free — Plug in your button, copy anything