Reveals, parallax, sticky stacks and progress rails. Every tile is its own scroll container — scroll inside one to trigger the effect, then copy the version wired to real page scroll.
Entrances
Scroll inside any tile to trigger it — each one replays as it re-enters view. One IntersectionObserver, seven keyframes, and a stagger built from animation-delay alone.
Fade up
Slide in left
Slide in right
Zoom in
Flip up
Bounce in
Blur in
Staggered list
Progress
Progress rails and rings, opposing parallax layers, sticky card stacks, snap panels and horizontal rails — all driven by a single 0→1 scroll value.
Progress rail
Progress ring
Parallax layers
Scale on scroll
Sticky stack
Sticky header
Scroll snap
Horizontal scroll
Reading progress + TOC
Marquee on rail