🛠 Free Tools & AI Utilities ↗

Get in touch

Tell us a little about your project and we'll follow up by email with licensing and download details.

Couverture

A real glossy, specular-lit WebGL2 chocolate shader for a background, not a flat brown gradient — plus a real tempering-curve visualizer, a real bean-to-bar process timeline, and a real cocoa-percentage recipe calculator. The hero visually tempers as you scroll: dull and matte at the top, glossy and sparkling by the bottom.

couverture.kilnwp.com LIVE
Couverture Open live preview ↗

Overview

Couverture is a bean-to-bar craft chocolatier theme — single-origin bars, inclusion bars, seasonal releases, and professional couverture chocolate sold by the block to pastry kitchens. The persistent background isn’t a flat brown gradient: it’s a hand-written, zero-dependency WebGL2 shader that renders a genuinely glossy, folding chocolate surface with real specular highlights and Fresnel rim lighting, and every interactive tool on the site runs on real, published chocolate-science data.

1. A real tempering-curve visualizer. Select dark, milk, or white chocolate and see the actual 3-stage professional tempering curve (melt, cool/seed, work temperature) plotted, with the real cocoa-butter crystal-polymorph science explained — why milk and white chocolate need lower working temperatures than dark, and what’s physically happening at each stage on the way to the stable, glossy, snappy Form V crystal.

2. A real bean-to-bar process timeline. Fermentation through molding, each stage with genuine published duration ranges and what’s actually developing at each one — flavor precursors in fermentation, real (and genuinely gentler-than-coffee) roasting temperatures, and why conching duration varies so widely by desired quality.

3. A real cocoa-percentage recipe calculator. Enter cocoa mass, added cocoa butter, sugar, and milk solids and get the real resulting cacao percentage — using the actual industry-standard definition printed on packaging (cocoa mass + added cocoa butter, as a percent of total weight), not a common misconception.

The signature GPU background renders a folding, glossy chocolate surface from a hand-written WebGL2 fragment shader: a domain-warped height field drives a real per-pixel normal map, which drives genuine Blinn-Phong specular highlights and Fresnel rim lighting — and it visually tempers as you scroll, reading dull and matte near the top and settling into a tight, sparkling, glossy sheen by the bottom, the same real stages the tempering tool explains. 16 demo bars across 4 categories and 8 real cacao-growing origins, with real sourced chocolate and bean-to-bar photography.

Signature: hand-written zero-dependency WebGL2 glossy chocolate shader — domain-warped fbm height field driving a real per-pixel normal map, Blinn-Phong specular + Fresnel rim lighting, scroll-tied tempering narrative (dull/matte to glossy/sparkling). Signature 2: real tempering-curve visualizer (dark/milk/white, published melt/seed/work temperatures). Signature 3: real bean-to-bar process timeline (fermentation through molding, real duration ranges). Signature 4: real cocoa-percentage recipe calculator (industry-standard definition). Capability-gated: reduced-motion/no-WebGL2/weak-GPU/save-data never touch the live canvas, CSS fallback only. Self-hosted OFL fonts. No third-party JS libraries. 16 demo bars across 4 categories and 8 real cacao origins with real sourced photography.

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

WordPress5.6 – 7.0
PHP8.0 – 8.3
BrowsersChrome, Firefox, Safari, Edge (latest)
LayoutFully responsive, mobile → desktop
LocalizationTranslation-ready · RTL included
AccessibilityKeyboard-navigable · prefers-reduced-motion
Page builderNot required — native Customizer
LicenseGNU GPL v2 · single-site commercial

Release

v1.0.0 A real glossy, specular-lit WebGL2 chocolate shader for a background, not a flat brown gradient — plus a real tempering-curve visualizer, a real bean-to-bar process timeline, and a real cocoa-percentage recipe calculator. The hero visually tempers as you scroll: dull and matte at the top, glossy and sparkling by the bottom.

The complete, dated version history ships in the theme’s CHANGELOG file. Every purchase includes lifetime access to future updates.

Chatoyance Featured

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).

Craft Dark
View →
Meniscus

A persistent WebGL2 fluid field — real 2D simplex noise run through 5-octave curl-advected, pointer-reactive fractional Brownian motion, modelling crema and pour turbulence, switchable between Espresso Dark and Roastery Morning Light — behind a real SCA Golden Cup extraction calculator, a real Development Time Ratio roast simulator, a real Kozeny-Carman dripper lab, and the real SCA 100-point cupping protocol.

Craft E-commerce
View →
Aureole

Aureole

79

A persistent WebGL2 light field built on Schlick's Fresnel approximation and diamond's real per-wavelength dispersion, a Gem Physics comparator on real mineralogical constants, and Web Audio synthesis driven by each piece's real beat frequency and bell-partial ratios.

Dark Luxury
View →