Lotes Arazá — Dune Plots, Rocha
A light, survey-plat landing page for 42 dune lots on Uruguay's coast: the 1987 plat inks itself lot by lot, you drag the sun to relight the dunes, and tapping any parcel turns it into the buy button.
- Section Templates
- gsap
- scrolltrigger
- svg
- canvas2d
- expert
- medium perf
- mobile: full
- reduced-motion ✓
AI prompt
Recreate this effect with any AI tool
Paste into Claude, Cursor, v0, Lovable or Bolt. 4417 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 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
WebGL Solvik Lofts — Timber Tower Residences
A light off-plan sales page for an invented timber tower: a procedural Three.js building that assembles floor by floor on an 11-day counter, flats indexed by the forest plot stamped on their walls, a delivery-note price and FAQ.
- gsap
- scrolltrigger
- splittext
- flip
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