VANTA — Avant-Garde Eyewear
Optics for the observed.
A brutalist-luxe eyewear storefront: stark monochrome with a surgical acid-lime accent, kinetic type, hard-cut page transitions and a lens-cursor zoom. A full client-side commerce engine — cart, checkout and orders — runs entirely in the browser, with procedurally rendered frames (no photography).
Role · Design + front-end build (simulated backend via MSW) · Updated Jun 2026
- 13 routes: home, shop, product, cart, checkout, order, about, FAQ, contact + legal
- Client-side commerce engine (cart / checkout / orders) — swap MSW for a real API
- Procedural frame-render pipeline (script-generated sprites, no stock photos)
- Dual light/dark theme with View Transitions, reduced-motion fallbacks throughout
- Delivery
- 24–48h
- Licence
- One-time licence · full source
- Support
- 14 days setup support
- Updates
- Free updates included
Backend · Shopify (headless)
Connect a Shopify store — products, inventory, orders and payments are managed in the Shopify admin.
What makes it special
Kinetic editorial hero
Line-by-line type reveals and a running marquee set a gallery tone before a single product appears — restraint as the flex.
Pinned horizontal collection
A GSAP ScrollTrigger-pinned horizontal scroll walks the collection like a filmstrip, with magnetic CTAs that lean toward the cursor.
Lens-cursor zoom + procedural frames
Every frame is generated by a parametric render script (no photo shoots); a fullscreen zoom viewer inspects them up close.
Real commerce, no server
Cart, checkout and order confirmation run client-side via MSW + Zustand with localStorage — a convincingly real backend that deploys as a static site.
Dual theme, hard-cut
A dark/light flip via the View Transitions API lands as a true ink-curtain cut, not a fade. WCAG 2.2 AA on both themes.
What’s included
- 13 routes: home, shop, product, cart, checkout, order, about, FAQ, contact + legal
- Client-side commerce engine (cart / checkout / orders) — swap MSW for a real API
- Procedural frame-render pipeline (script-generated sprites, no stock photos)
- Dual light/dark theme with View Transitions, reduced-motion fallbacks throughout
- Full source, TypeScript strict, static export — deploy anywhere
Gallery
More Web templates
Make VANTA yours.
Buy it as-is, or have YantraCore tailor it to your brand and content.