SiteMotion & Animation · Scroll animation
Reference site of live demos, tools and recipes for CSS scroll() and view() timelines, including a progress-bar and stacking-cards cookbook.
Why it’s a gem
The definitive resource for killing your scroll-animation JS dependency entirely.
Scroll animation library that mimics CSS keyframe syntax, letting you define percentage-based frames tied to scroll progress.
Vanilla scroll-animation plugin driving CSS transforms and filters from scroll position via a declarative preset syntax.
DevTools extension that lists scroll and view timelines on a page and visualizes their ranges and current progress.
Smooth-scroll runtime that virtualizes wheel input while keeping native scrollbars, anchors and accessibility behaviour intact.
Locomotive Scroll's API reimplemented on native scrolling plus Lenis, keeping the data-attribute syntax without the fake scroll container.
Library that reveals elements as they enter the viewport, with per-element distance, rotation, scale, interval and sequencing config.