ÉCLAT — Fine Jewelry Maison
Cut from light.
A hushed, luxury launch site for a fine-diamond maison. A live React Three Fiber gemstone catches light in a procedural jewelry-lightbox environment — as you scroll it rotates through the cut and its dispersion peaks into prismatic fire, then settles beside a horizontal collections strip. A high-contrast serif system, the four C's, an atelier process and a private-viewing flow complete a static-export site.
Role · Design + front-end build (R3F refractive gem, GSAP scroll choreography) · Updated Jul 2026
- 6+ page types: scroll-cinema home, collections, the-cut, maison, appointments, journal + full article
- The R3F refractive gem scene with a procedural lightbox environment as reusable components
- Procedural jewel SVG art across four collections — zero image assets
- GSAP ScrollTrigger + Lenis motion foundation with a reduced-motion matchMedia gate
- Delivery
- 3–4 days
- Licence
- One-time licence · full source
- Support
- 14 days setup support
- Updates
- Free updates included
Backend · CMS / appointments
Collections, the-cut content and copy are typed data; wire the private-viewing booking to any scheduler and the content to a CMS.
Delivered as full Next.js source. Swap the collections and jewel art, retheme the champagne accent, and wire appointments to your scheduler — the gem is procedural.
What makes it special
A stone that catches light
The hero is a live React Three Fiber brilliant-cut diamond in a procedural high-contrast lightbox (a baked CubeCamera environment — no HDR, no network). Facets mirror bright panels against dark gaps, so the stone scintillates like a real cut jewel.
Scroll reveals the fire
As the cinema rotates the gem through the cut, its dispersion peaks — prismatic champagne and cool glints fan across the crown — then it settles into a hero pose beside a horizontal-scrubbing collections strip.
Every jewel is drawn
Rings, necklaces and earrings across four collections are procedural SVG; the gem is pure geometry and light. No photography, zero image weight, fully rethemeable.
A complete maison IA
Home cinema, a filterable four-collection index, an editorial deep-dive on the brilliant cut, a heritage story, an appointments flow and a journal with a full article.
Quiet luxury, accessible
A restrained champagne-on-black serif system with every scene behind prefers-reduced-motion — the reduced path shows a large, luminous static diamond that doubles as the store card. Self-hosted fonts, no runtime external requests.
What’s included
- 6+ page types: scroll-cinema home, collections, the-cut, maison, appointments, journal + full article
- The R3F refractive gem scene with a procedural lightbox environment as reusable components
- Procedural jewel SVG art across four collections — zero image assets
- GSAP ScrollTrigger + Lenis motion foundation with a reduced-motion matchMedia gate
- Full Next.js 15 / TypeScript source, static export, WCAG 2.2 AA intent
More Fashion & Accessories templates
Explore more collections
Frequently asked
- What do I get when I buy ÉCLAT?
- A one-time licence with the full, editable source code, including 6+ page types: scroll-cinema home, collections, the-cut, maison, appointments, journal + full article, the r3f refractive gem scene with a procedural lightbox environment as reusable components, procedural jewel svg art across four collections — zero image assets. 14 days setup support and free updates included.
- What is ÉCLAT built with?
- It's a Next.js marketing site, built with Next.js 15, TypeScript, Tailwind v4, GSAP ScrollTrigger, React Three Fiber. You receive the complete source to host and extend anywhere.
- Can YantraCore customise ÉCLAT for my brand?
- Yes — buy it as-is for $4,400, 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 3–4 days after purchase.
Make ÉCLAT yours.
Buy it as-is, or have YantraCore tailor it to your brand and content.