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.
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.
