Halde Stoneware Shop Template
A light DTC shop for an invented Porto pottery: a 3D glazed mug rises through the giant HALDE wordmark and settles on a plate as you scroll; pick a glaze and every piece re-glazes with a dip wipe; drag tiles to turn them.
- Section Templates
- gsap
- scrolltrigger
- flip
- threejs
- glsl
- svg
- expert
- heavy · WebGL
- mobile: full
- reduced-motion ✓
AI prompt
Recreate this effect with any AI tool
Paste into Claude, Cursor, v0, Lovable or Bolt. 3265 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.
WebGL Halvard Glassworks Template
A light landing page for an invented Norwegian glass studio: a Three.js glass float fills with clipped, sloshing fjord water to today's tide as you scroll, a draggable tide clock refills it hour by hour, then shop, stages, pricing ticket and FAQ.
- gsap
- scrolltrigger
- splittext
- threejs
medium Watch Shop Template: Päiväkaari
Watch shop template for an invented Lapland maker of 24-hour watches: a photo hero that says what it sells, a filterable grid with a working bag and quick view, then a WebGL watch that runs through Inari’s year and cuts its daylight to your city.
- gsap
- scrolltrigger
- splittext
- flip
WebGL Product Launch Template
A full light-palette launch page for an invented smart speaker: a procedural Three.js model on a drag-to-turn turntable, a pinned scroll that turns and opens it into four parts with leader-line callouts, specs, colourways, sizes, reviews, pre-order and FAQ.
- gsap
- scrolltrigger
- splittext
- threejs
WebGL Gintaro Baltic Amber Parfum Template
A light landing page for an invented Baltic amber parfum house: a Three.js amber nugget on the sea horizon, a scroll dive into the resin onto a gnat's wing, a draggable amber that turns through four parfums, then flacon, house, collectors, prices.
- gsap
- scrolltrigger
- splittext
- threejs