Nhacutse — Timbila Orchestra
A gourd-yellow landing page for a fictional timbila orchestra: 19 playable wooden keys drop onto their frame and fill their gourds, every section opens on a key that lands and sounds, and ten keys open the ten movements.
- Section Templates
- gsap
- scrolltrigger
- splittext
- svg
- expert
- light perf
- mobile: full
- reduced-motion ✓
AI prompt
Recreate this effect with any AI tool
Paste into Claude, Cursor, v0, Lovable or Bolt. 5286 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 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 Wasuremono — Museum of Things Left Behind
A light lost-property museum landing page: each object stands alone on a colour tile with its yellow tag; search by station and time to pull out what was left on that train. Every 4 minutes a train passes overhead, the page trembles and all tags swing.
- gsap
- scrolltrigger
- flip
- svg
medium Orrin & Hale — Type-led Brand Agency
A light, type-led agency landing page: the studio name fills the first screen and squashes with scroll speed, then six pinned case panels letter each client's SVG wordmark beside its photo, with a hover/slider weight axis.
- gsap
- scrolltrigger
- splittext
- svg