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.
- 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. 3631 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 Xaraga — Delta Mokoro Camp
A light editorial landing page for a fictional six-tent mokoro camp: scroll January to June and a GLSL flood seeps across a low-poly 3D delta to reach the camp at the June panel; then pick your month.
- gsap
- scrolltrigger
- threejs
- glsl
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
medium Verdeluz — Colombian Emerald Cutters
A light landing page for an invented Bogotá emerald cutter: a WebGL step-cut emerald turns table-up and the camera dives into its inclusions, then a 10x loupe walks you through each stone's jardín.
- 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