Overview
Cyber Jackets is a production-ready product landing page for a fashion drop, built as a live Three.js scene. Three leather jackets float over a wet neon street with a mirror floor. Hover one and it steps forward while the whole scene takes on its colour; on phones a swipe carousel replaces the hover. Click a jacket and it opens its own world. The scroll flies the camera around the jacket while three product details appear beside it, then three bands spelling the colourway slide behind it, with the product name, price and an ADD TO CART button that counts into the cart next to SHOP. Everything runs in plain JavaScript and GLSL with no framework and no backend: a hash router, a virtual scroll that loops at the end, a glow pass and resolution that adapts to the device. Products, prices, colourways, captions and camera path live in one config file. The download includes the ready-built site, the full Vite source, a Dockerfile and setup notes for you or your AI coding agent. The 3D jacket model is "Jacket_VI_CYBERPUNK" by Ballancer under CC BY 4.0, credited on the page; the brand shown is a placeholder.
Highlights
- Production-ready, documented source
- Clean, componentized architecture
- Drops into your stack with minimal setup
