Free scroll effects

A section that reveals its content in sequence as you scroll, with a sticky scroll-progress bar showing how far through it you are.

A layered depth scene where background, midground and foreground drift at different speeds, driven by scroll position.

A pinned, sticky panel whose visual and copy change step by step as you scroll past it, a classic scrollytelling section.

Vertical scrolling pans a horizontal rail of cards sideways while the section is pinned, then releases.

A vertical timeline whose connecting line fills and whose milestones fade in as they enter the viewport.

A metrics band whose numbers count up from zero the moment it scrolls into view.

Panels that unmask with a clip-path wipe as they enter the viewport, revealing the media beneath.

A deck of cards that pin and scale as you scroll, each settling behind the next.

A statement whose words light up one by one as you scroll through the section.

A hero whose backdrop scales and brightens while the headline parallaxes upward as you scroll.