Intro Animations

First-load choreography. Counters, sequential curtains and SVG logo draws that hand off to the page.

3 demos · hover a stage to interact · press Replay to re-run

Counter preloader

Counts to 100, then the loader lifts off the page it was covering.

  • animate()
  • useTransform
  • AnimatePresence

Welcome in

The page was ready the whole time — the loader just paced the entrance.

Loading assets000

Sequential curtain

Six columns clear the stage one after another, wiping the content in.

  • stagger
  • transform
  • ease-in-out-quart

Studio Ninety

Est. 2019 — Rotterdam

Logo draw

An SVG stroke draws itself with pathLength, handing off to a masked wordmark.

  • pathLength
  • SVG
  • letter stagger
MOTION