Cart Suite

Show Preview
Cart Suite

About Cart Suite

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.