SneakerDrop: Limited-Drop Sneaker Store
Landing page and storefront for SneakerDrop, a limited-drop sneaker brand: a scroll-driven 3D Air Jordan hero, a live product catalogue, a product waitlist and an admin dashboard.
- Category: E-commerce
- Role: Design and development
- Status: live
- Built with: Next.js, TypeScript, Tailwind CSS, Supabase, Three.js, GSAP, Framer Motion, Vercel
SneakerDrop sells small, numbered sneaker runs, so the site had to feel like a launch event rather than a shop. The hero is a real 3D Air Jordan 1 pair (three.js) that spins, tilts and flips as you scroll, and every colourway swatch repaints the shoes and floods the whole hero in that product's colour. Below it sit a draggable best-sellers card deck, a filterable collection, expanding colourway panels, a bento of brand promises and a waitlist styled as a tear-off drop pass with a live countdown. Products, prices and stock come from Supabase Postgres, and a protected admin dashboard handles adding, editing and deleting sneakers, changing availability and reviewing waitlist signups, with every change showing on the site straight away. Row Level Security keeps the public key read-only, the waitlist blocks duplicate emails per product, and product pages are pre-built and served from Mumbai next to the database.
What it does
- Scroll-driven 3D Air Jordan hero recoloured live for each product
- Colour-flood theming, draggable best-sellers deck and expanding colourway panels
- Product catalogue and product pages served from Supabase Postgres
- Protected admin dashboard: add, edit and delete sneakers, change availability, instant updates
- Product waitlist with validation, duplicate protection and CSV export for the admin
- Row Level Security, pre-built pages and fully responsive layout with a custom mobile menu