Chatoyance
A one-of-a-kind jewelry maison storefront: a real Three.js/WebGL2 gem viewer lets shoppers drag-orbit each piece, swap between 18K gold, rose gold, platinum and blackened metal in real time, and read live facet-angle, refractive-index, critical-angle and fire-frequency numbers off an on-canvas HUD as the stone turns. A browsing-history-driven style curator recommends pieces from the visitor's own session, computed entirely client-side with no dependency on any external AI service. Runs as a compiled React/Vite storefront embedded inside a classic WordPress theme, with a custom "Luxury Products" catalogue (no WooCommerce dependency).
Open live preview ↗
Overview
Chatoyance is a multi-métier luxury maison storefront — high jewellery, watchmaking, leather and fragrance under one roof — built around a real-time anisotropic gem-optics engine. Its signature is a WebGL2 evaluation of the Kajiya-Kay anisotropic reflection model, the physically correct BRDF for parallel fibrous inclusions: real ray/ellipsoid intersection for the cabochon dome, Schlick-Fresnel from the species’ actual refractive index, and the light band genuinely sweeps across the stone as the pointer moves — verified by measuring the rendered pixels, not just eyeballed. A second engine, inc/gem-optics.php, derives every optics figure shown on the site — critical angle, the pavilion-angle window where both internal reflections hold, surface reflectance, spectral fire — from Snell’s law and the Fresnel equations at render time, for six real gem species. Editors can type a pavilion angle that the physics doesn’t support, and the product page says so in plain language rather than hiding it. WooCommerce runs the shop, real checkout included; a private post type and server-side email carry salon appointment requests. Self-hosted Prata and Faustina, zero third-party JavaScript, zero outbound network requests at runtime.
What's included
- Full theme source — every template, style sheet & script
- One-click demo importer (idempotent, no page builder)
- Live Customizer controls for copy, colours & content
- Translation-ready .pot file + RTL stylesheet
- HTML documentation + a CHANGELOG file
- Lifetime updates + 6 months support (renewable)
Specifications
| WordPress | 5.6 – 7.0 |
|---|---|
| PHP | 8.0 – 8.3 |
| Browsers | Chrome, Firefox, Safari, Edge (latest) |
| Layout | Fully responsive, mobile → desktop |
| Localization | Translation-ready · RTL included |
| Accessibility | Keyboard-navigable · prefers-reduced-motion |
| Page builder | Not required — native Customizer |
| License | GNU GPL v2 · single-site commercial |
Release
The complete, dated version history ships in the theme’s CHANGELOG file. Every purchase includes lifetime access to future updates.