CALIBRE — Fine Watches
Time, engineered.
A dark-luxe horology storefront for a clearly fictional fine-watch maison: ten procedurally-rendered SVG references, an exploded-movement craft story, a drag-to-rotate product view, shareable shop filters and a complete local demo checkout. Built in Next.js 15 as a fully self-contained static export.
Role · Design + front-end build (local demo commerce) · Updated Jul 2026
- 10 watch product pages with full specs, complications, a rotating SVG hero and variant swatches
- Shop with a four-dimension filter (collection, movement, material, price) + sort, collections, craftsmanship, maison, client-services and press pages
- A GSAP exploded-movement scroll story with six detailed mechanical SVG parts
- A validated local checkout with deterministic confirmation and a Zustand-persisted cart
- 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 — references, inventory, orders and payments are managed in the Shopify admin.
Delivered as full Next.js source. Replace the fictional maison and catalogue, then connect the typed product and cart seams to Shopify or another commerce backend.
What makes it special
Procedural SVG watch faces
Ten visually distinct references rendered entirely in SVG from product data — tourbillon cages, chronograph sub-dials, moon phases, power-reserve arcs — no photography needed, zero CLS.
Exploded-movement scroll story
A GSAP ScrollTrigger-pinned craftsmanship section separates six mechanical parts (barrel, bridge, escape wheel, balance, pallet fork, rotor) and reassembles them across the scroll.
Drag-to-rotate product view
Framer Motion drag spins the watch face with momentum, auto-rotates when idle and supports arrow-key control — fully reduced-motion aware with a static fallback.
Shareable discovery + local commerce
Four shop facets persist in the URL; the cart survives refreshes and a validated checkout produces a clearly labelled local order confirmation without a service worker or network dependency.
Refined, truthful and accessible
Warm gold on charcoal holds WCAG 2.2 AA, controls are labelled and keyboard-operable, and the fictional provenance, pricing, services, press and orders are disclosed before interaction.
What’s included
- 10 watch product pages with full specs, complications, a rotating SVG hero and variant swatches
- Shop with a four-dimension filter (collection, movement, material, price) + sort, collections, craftsmanship, maison, client-services and press pages
- A GSAP exploded-movement scroll story with six detailed mechanical SVG parts
- A validated local checkout with deterministic confirmation and a Zustand-persisted cart
- System-font performance, reduced-motion fallbacks, WCAG 2.2 AA, static export
More Fashion & Accessories templates
Explore more collections
Frequently asked
- What do I get when I buy CALIBRE?
- A one-time licence with the full, editable source code, including 10 watch product pages with full specs, complications, a rotating svg hero and variant swatches, shop with a four-dimension filter (collection, movement, material, price) + sort, collections, craftsmanship, maison, client-services and press pages, a gsap exploded-movement scroll story with six detailed mechanical svg parts. 14 days setup support and free updates included.
- What is CALIBRE built with?
- It's a Next.js online store, built with Next.js 15, TypeScript, Tailwind v4, Framer Motion, GSAP. You receive the complete source to host and extend anywhere.
- Can YantraCore customise CALIBRE for my brand?
- Yes — buy it as-is for $3,200, 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 CALIBRE yours.
Buy it as-is, or have YantraCore tailor it to your brand and content.