Skip to content

Cart Suite

Cart + PayPal checkout for Framer

Cart Suite preview image 1

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 →

11001200124638/149/49/2610/1811/9
  • All · #1883

Details

More like this