Onda Malecón — Tabletop Radios
A light, pastel landing page for an invented Havana-made tabletop radio: turn the 3D brass knob and the page re-paints to the next Malecón facade colour through a burst of shader static.
AI prompt
Recreate this effect with any AI tool
Paste into Claude, Cursor, v0, Lovable or Bolt. 7680 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 Kala Ghoda — Commuter Earbuds
A light, pink season-pass landing page for invented Mumbai commuter earbuds: pick your Western line stretch to print battery and noise, then a 3D tiffin case unscrews tier by tier as the pass is punched per stop.
- gsap
- scrolltrigger
- threejs
- svg
WebGL Grand River — Turntables
A light landing page for an invented Detroit turntable: scroll spins a 3D cast-iron platter to 33⅓ with inertia, then you drag the tonearm onto five avenue-grooves and a generated loop plays at the platter's speed.
- gsap
- scrolltrigger
- threejs
- svg
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 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