Scroll

Animation tied to scrolling: reveals, progress, pinning, counters and snapping. 8 animations.

Elements fade up the first time they enter the viewport, detected with IntersectionObserver.

A bar at the top fills as you read down the page. Pure CSS with animation-timeline: scroll(), plus a JS fallback.

A section pins to the screen while vertical scrolling slides a row of panels sideways.

Each card animates in as it crosses the viewport, driven entirely by CSS animation-timeline: view(), with no JavaScript.

Stats count from zero to their value when scrolled into view, with an ease-out so they settle gently.

A full-screen hero stays pinned and scales into a rounded card as you scroll, revealing the page beneath.

A paragraph lights up word by word as you scroll, from dim grey to full white.

Full-screen sections that lock into place as you scroll, with content that animates in on arrival.