Overview
A considered shopping journey, from a recoverable bag to an editable checkout and a clear receipt. Every piece is wired into one full screen you can run, and each one also works on its own. Pieces (6): cart drawer, checkout steps, payment methods, order summary, upsell modal and order confirmation. Keyboard and screen readers: every piece works with the keyboard, and its guide lists its screen reader and reduced-motion behavior. Built with React 19 and TypeScript, Tailwind CSS 4, Base UI, Lucide icons and Motion. Light and dark themes come from CSS variables you can edit, and every demo uses believable sample data you replace with your own. Included: the source of all 6 components, the composed checkout screen, sample data, light and dark theme variables, a runnable demo app, and setup guides for people and for AI coding agents.
Highlights
- Production-ready, documented source
- Clean, componentized architecture
- Drops into your stack with minimal setup
