Renosterveld — Seed & Drawing Archive
A light landing page for an invented Karoo seed archive: a contact sheet of kraft packets and pencil drawings, drawers you drag out, and packets that tip their seed onto graph paper where it settles into the plant it will grow into.
- Section Templates
- gsap
- scrolltrigger
- flip
- 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. 5877 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 Delanta Opal House Template
A light landing page for an invented Welo-opal cutting house in Addis Ababa: every stone is a GLSL shader that flashes harlequin, broad-flash or pinfire as you tilt or move across it, and a draggable water drop turns any stone glassy.
- gsap
- scrolltrigger
- splittext
- flip
medium Tinta Flúor Risograph Magazine
A loud, light risograph-magazine landing page: the cover prints itself in pink then teal, every headline is two passes that slip with scroll speed, and a draggable dial misregisters the poster.
- gsap
- scrolltrigger
- canvas2d
- svg
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 Book Cover Design Studio Template: Kasimir Lund
Book cover and editorial design studio template: every jacket enters as the 4 cm pencil scamp it began as and grows into the cover, with real-photo services, a four-step process, a cover desk, rates, FAQ and a project form.
- gsap
- scrolltrigger
- flip
- lenis