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.
- Section Templates
- gsap
- scrolltrigger
- canvas2d
- svg
- css-only
- expert
- medium perf
- mobile: full
- reduced-motion ✓
AI prompt
Recreate this effect with any AI tool
Paste into Claude, Cursor, v0, Lovable or Bolt. 4827 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 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
medium Dalgeum — Onggi Jars
An onggi-jar landing page where scrolling runs a jar of doenjang through 1,000 days: the cut-away contents ripen green to brown and an orchid draws itself; a kiln ticket picks your jar.
- gsap
- scrolltrigger
- svg
- canvas2d
WebGL Fitzroy Fuzz — Guitar Pedals
A light, playful landing page for an invented fuzz-pedal maker in Fitzroy, sold like a weather report: turn the 3D pedal's Weather knob from Clear to Hailstorm and the isobar map, waveform, headline and sky all change.
- gsap
- scrolltrigger
- threejs
- svg
light 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.
- gsap
- scrolltrigger
- canvas2d
- svg