Catalogue
Buy

A store page and cart drawer. Tap Add and the product shrinks into a disc that arcs into a glass cart button, where the total rolls like an odometer and a ring fills toward free shipping. Open the cart and the page blurs behind a drawer where each disc unfolds into a line item. Crossing free shipping bursts the bar; checkout folds every line back into the cart with a lime check and the order number. Modal dialog with focus handling and live announcements.
What it does
- Products fly into the cart as spinning discs
- Odometer total + free-shipping ring on the cart button
- Drawer over a full-cover blurred backdrop
- Discs unfold into line items, quantity steppers
- Free-shipping burst, checkout folds everything home with a check
- HTML/CSS/JS + React (Vite, TS, Tailwind, Framer Motion)
- PROMPT.md for AI coding agents
- Stack
- HTML · CSS · JavaScript · React · Framer Motion
- Reel keyword
- CART, if you came from Instagram
- Released
- Licence
- Personal and client projects. Licence
Stack Cart Drawer
$3