Kumobatake — Hill Tea Garden
A light landing page for an invented Shizuoka tea garden: a procedural Three.js slope under raymarched morning cloud that drains as you drag the hour hand from 5 to 9 a.m., then tins, harvests, menu pricing and FAQ.
AI prompt
Recreate this effect with any AI tool
Paste into Claude, Cursor, v0, Lovable or Bolt. 4717 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 Hoshibi — Paper Lanterns
A light landing page for an invented Gifu lantern workshop: a procedural Three.js paper lantern that the scroll winds, papers, folds flat and opens, a drag-to-open paper chooser, drawn river scenes, prints, stepped pricing and FAQ.
- gsap
- scrolltrigger
- splittext
- threejs
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
WebGL Quebradón Coffee Template
A light landing page for an invented Huila roastery: drag the roast curve and a WebGL bean darkens from green to city and cracks at 9:40; the same curve is the nav, a pinned roast band, the price chart and the footer.
- 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