CozyPaws
About the Project
CozyPaws is a carefully designed demo pet store built to demonstrate polished frontend animation craft rather than a production e-commerce backend. It sells dog toys, treats, and beds through a fully interactive storefront with a working cart/checkout flow, server-side re-pricing via API routes, debounced live search filtering, optimistic cart updates persisted to localStorage, and a product catalog with detail pages.
Built with Next.js 15 and React 19, the project layers GSAP scroll reveals, motion cards you can fling with real physics inertia, Lenis smooth scrolling, a page-transition scribble effect, an elastic cursor bubble, and a Ken Burns-style video reel on top of a playful, bold hover/press interaction language.
What I learned
Layering that much carefully tuned motion (inertia physics, cursor effects, transition choreography) while keeping every interaction respectful of prefers-reduced-motion took careful sequencing and performance budgeting: animating only transform and opacity, cleaning up will-change after one-shot reveals, and code-splitting the heavier motion so it never blocks first paint.
The project is live and open source on GitHub.