Svelte action — fade + slide-up elements as they enter the viewport
Add use:scrollReveal to any element. It fades
in and slides up 16 px the first time it enters the viewport. Scroll down to trigger, then
back up — it won't re-animate (once by default).
Pass stagger: 80 to animate children in
sequence. Great for feature grids, card lists, and marketing bullets.
✦
Speed
✦
Simplicity
✦
Composability
When prefers-reduced-motion: reduce is set, the
element jumps to its final visible state instantly — no animation, no layout shift.