Tablón Marimba Speakers Template
A light, tile-built landing page for an invented marimba-wood speaker: tap the 3D bars on top to play real notes and ripple the woven grille; every tile on the page is a tuned bar, struck by a mallet as it scrolls in.
AI prompt
Recreate this effect with any AI tool
Paste into Claude, Cursor, v0, Lovable or Bolt. 3804 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 Fitzroy Fuzz — Guitar Pedals
A light, playful landing page for an invented fuzz-pedal maker in Fitzroy, sold like a weather report: turn the 3D pedal's Weather knob from Clear to Hailstorm and the isobar map, waveform, headline and sky all change.
- gsap
- scrolltrigger
- threejs
- svg
medium Halfway Tree — Drum Machines
A light dance-poster landing page for an invented Kingston drum-machine studio: the page is a stack of speaker-box tiles whose 3D cones pump to a 16-step riddim you programme, with a procedural Stack-16 lighting its pads and a Version dub mode.
- gsap
- scrolltrigger
- flip
- 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 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