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.
AI prompt
Recreate this effect with any AI tool
Paste into Claude, Cursor, v0, Lovable or Bolt. 3684 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 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
WebGL Kapka Crystal Atomiser Template
A light landing page for an invented Bohemian glassworks: a huge cranberry crystal atomiser refracts the page's own wordmark, turns on scroll and by drag to name the cutter of each facet column, then cut list, works, close-ups, runs, pricing, FAQ.
- gsap
- scrolltrigger
- splittext
- threejs
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 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