Do the effects run on mobile too?

Yes. The effects are tuned for touch and small screens and stay calm and smooth there.

Are scroll animations disabled with reduced motion?

Yes. When the reduced motion setting is active, the effects are eased back.

These effects are tied directly to the scroll position. Scroll slowly to feel the motion.

Reading progress and scroll indicators.

Reading Progress Line

Scroll Progress Dots

Scroll Progress Bar

Cards, images and galleries with scroll motion.

Scroll Expand Banner

Scroll Perspective Card

Scroll Clip Reveal

Scroll Layer Slide

Scroll Reveal Grid

Scroll Scale Card

More components with PremiumUnlock premium

Large typography revealed on scroll via a mask gradient.

Diagonal Text Reveal

FAQ

They use Framer Motion's scroll utilities and tie animations to the scroll position without hurting performance.

Didn't find your question? We're happy to help.