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. Its clearly labelled demo commerce journey — cart, checkout and local order confirmation — runs entirely in the browser, with procedurally rendered frames.
Role · Design + front-end build (simulated backend via MSW) · Updated Jul 2026
- 14 page types plus 20 generated PDPs: home, shop, product, cart, checkout, order, stockists, 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
Immediate, oversized type and a reduced-motion-safe running marquee establish a gallery tone before a single product appears.
Native editorial collection rail
A touch-, wheel- and keyboard-friendly scroll-snap rail walks the desktop collection like a filmstrip, then becomes a readable vertical sequence on phones.
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.
Honest commerce demo, no server
Cart, checkout and local order confirmation run client-side via MSW + Zustand with localStorage, and explicitly state that no payment, email or shipment occurs.
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
- 14 page types plus 20 generated PDPs: home, shop, product, cart, checkout, order, stockists, 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
More Fashion & Accessories templates
Explore more collections
Frequently asked
- What do I get when I buy VANTA?
- A one-time licence with the full, editable source code, including 14 page types plus 20 generated pdps: home, shop, product, cart, checkout, order, stockists, 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). 14 days setup support and free updates included.
- What is VANTA built with?
- It's a Next.js online store, built with Next.js 15, TypeScript, Tailwind v4, Framer Motion, Zustand. You receive the complete source to host and extend anywhere.
- Can YantraCore customise VANTA for my brand?
- Yes — buy it as-is for $2,800, or have YantraCore tailor it to your brand, content and requirements. Start from this page or commission a custom build.
- How fast is delivery?
- Delivery is 24–48h after purchase.
Make VANTA yours.
Buy it as-is, or have YantraCore tailor it to your brand and content.