Skip to content

component

Cart Suite

By 伟俊 吴

Details

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.

Introduction

Cart + PayPal checkout for Framer

Rank history

Daily rank per list, from the first snapshot — lower is better.

15011001150117618/148/228/309/79/15
  • All · #1721