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.
- Section Templates
- gsap
- scrolltrigger
- threejs
- svg
- canvas2d
- expert
- heavy · WebGL
- mobile: full
- reduced-motion ✓
AI prompt
Recreate this effect with any AI tool
Paste into Claude, Cursor, v0, Lovable or Bolt. 8189 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 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 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.
- gsap
- scrolltrigger
- threejs
- glsl
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