Cielo Seco — Desert Sky Lodge
A light landing page for an invented Atacama stargazing lodge: a pinned adobe dome cranks its slot open on scroll onto a WebGL sky of 40,000 stars turned to the night you pick, then domes, a year of skies, the log, a ticket and FAQ.
- Section Templates
- gsap
- scrolltrigger
- threejs
- glsl
- svg
- expert
- heavy · WebGL
- mobile: full
- reduced-motion ✓
AI prompt
Recreate this effect with any AI tool
Paste into Claude, Cursor, v0, Lovable or Bolt. 3771 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 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
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 Kijani Cargo E-Bike Template
A light, matatu-yellow landing page for an invented Nairobi cargo e-bike workshop: drag jerrycans, maize and mitumba onto a 3D bike, then scroll as it explodes into parts and climbs Ngong Road.
- gsap
- scrolltrigger
- splittext
- threejs
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