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.
AI prompt
Recreate this effect with any AI tool
Paste into Claude, Cursor, v0, Lovable or Bolt. 5561 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 Oruvo Headphones Template
A danfo-yellow launch page for an invented Lagos headphone: a procedural Three.js model that turns and splits into five layers dyed in through an adire resist mask, a bus-stop colourway picker that re-dyes it, a ticket price and FAQ.
- gsap
- scrolltrigger
- threejs
- glsl
WebGL Peribaca — Stone Speakers
A light landing page for an invented Cappadocian stone-speaker workshop: a code-drawn valley engraving behind a WebGL tuff block that erodes grain by grain into the speaker as you scroll; pick a valley to re-tint stone, light and every render.
- gsap
- scrolltrigger
- threejs
- glsl
WebGL 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.
- gsap
- scrolltrigger
- flip
- threejs
WebGL Tussock & Fold Blankets Template
A light landing page for an invented merino blanket mill: a Verlet-cloth blanket hangs on a rail in a sticky WebGL stage, and as you scroll the plain falls to −15 °C, the weave tightens and frost creeps in. Drag it by a corner.
- gsap
- scrolltrigger
- splittext
- threejs