Plain Hours — Faroese Knitwear
A quiet, light knitwear landing page where the scroll is a knitter's nine-hour day: a canvas jumper in the margin knits stitch by stitch as you read and a clock runs from 0:00 to 9:00.
- Section Templates
- gsap
- scrolltrigger
- canvas2d
- svg
- css-only
- expert
- light perf
- mobile: full
- reduced-motion ✓
AI prompt
Recreate this effect with any AI tool
Paste into Claude, Cursor, v0, Lovable or Bolt. 3972 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 Maru & Sato — Kojima Selvedge Denim
A light selvedge-denim landing page where scrolling dyes the site: every chapter is one indigo dip deeper, its colour rising from below as the dip number counts to 18, plus a months-worn slider that fades drawn jeans on canvas.
- gsap
- scrolltrigger
- canvas2d
- 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 Kasane — Mokume-gane Wedding Rings
A quiet light landing page for a fictional Kyoto mokume-gane studio: one ring on a plinth whose woodgrain you generate by dragging — sideways twists the billet of 21 sheets, down carves it — plus a twisted billet, a printed itinerary and a price menu.
- gsap
- scrolltrigger
- splittext
- canvas2d
medium Nakaniwa — Type Foundry
A light type-foundry landing page: a nine-tine rake sweeps a canvas gravel field and Kurogane rises from Thin to Black; drag the rake through a gravel bed and the letters above take on its weight.
- gsap
- scrolltrigger
- canvas2d
- svg