Hverleir — Geothermal Clay Masks
A light clay-mask landing page: a WebGL tin of wet geothermal clay rises behind the wordmark, then dries from blue-grey to white and cracks as you scroll, the batch numbers opening in its cracks; an 18-minute mask timer dries it live.
AI prompt
Recreate this effect with any AI tool
Paste into Claude, Cursor, v0, Lovable or Bolt. 4817 words of exact values — rewritten live as you tune the Playground.
Prompts are for subscribers
Subscribe to copy this prompt in every format, rewritten live to match your Playground settings.
Loading prompt…
Couldn’t load the prompt
Check your connection and try again.
Source
Full source code
Source code is for subscribers
Subscribe to read, copy and download the full HTML, CSS and JavaScript of this demo.
Loading source code…
Couldn’t load the source code
Check your connection and try again.
medium Skincare Shop Template: Tidewell
Skincare shop template for an invented seaweed brand in Roscoff: a photo hero that says what it sells, a filterable grid with a working bag and quick view, a skin-type routine finder, then a GLSL sea that drains off the kelp beds.
- gsap
- scrolltrigger
- flip
- lenis
WebGL Kessling Rainwear Template
A light landing page for an invented Hamburg rainwear maker: a WebGL coat gets rained on live (beads form, merge, run off the hem), a rain dial sets the weather and recommends a cut, four close-up cuts, a receipt configurator and a ferry map.
- gsap
- scrolltrigger
- threejs
- glsl
medium Saltmere Pearls — South Sea Pearl Farm
A light landing page for an invented South Sea pearl farm: scroll drains a nine-metre Kimberley tide over drawn oyster panels, pearls are picked into a sorting tray and turned in a WebGL nacre-shader loupe.
- gsap
- scrolltrigger
- threejs
- glsl
medium Verdeluz — Colombian Emerald Cutters
A light landing page for an invented Bogotá emerald cutter: a WebGL step-cut emerald turns table-up and the camera dives into its inclusions, then a 10x loupe walks you through each stone's jardín.
- gsap
- scrolltrigger
- splittext
- threejs