Cordelina — Altiplano Sleeper
A sleeper-train landing page where the route's altitude line is the spine: the title holds while the line draws and a train rides it, every section's top edge is its own stretch of the climb, and a ticket shows your sunrise.
AI prompt
Recreate this effect with any AI tool
Paste into Claude, Cursor, v0, Lovable or Bolt. 7071 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.
medium Kirifune — Onsen Ryokan
A light landing page for an invented onsen ryokan: each section is one of the town's seven baths and presses its vermilion stamp onto a pinned bath pass, which flips to show the route at the seventh. Live arrival-time bath planner.
- gsap
- scrolltrigger
- splittext
- svg
medium Saltmere Pearls — South Sea Pearl Farm
A light landing page for an invented South Sea pearl farm: scroll drains a nine-metre Kimberley tide over drawn oyster panels, pearls are picked into a sorting tray and turned in a WebGL nacre-shader loupe.
- gsap
- scrolltrigger
- threejs
- glsl
medium Suitsu — Smoke Sauna Retreat
A quiet landing page for an invented Estonian smoke sauna: canvas smoke seeps from a drawn log hut, thickens as you scroll the six-hour firing, rolls out at the gallery and clears before the booking form.
- gsap
- scrolltrigger
- splittext
- canvas2d
medium Vagón Libro Bookshop Template
A travelling-bookshop landing page built as one long railway ticket: a track draws down the side as you scroll, reversing at each switchback while an altimeter falls, and punching a stop slides out its shelf of books.
- gsap
- scrolltrigger
- flip
- svg