ScrollTrigger

Scroll down to see animations triggered by your scroll position

Scroll to explore

Reveal on Scroll

This text animates in when you scroll to it. ScrollTrigger watches the scroll position and triggers animations at the right moment.

The animation plays once when the element enters the viewport, creating a smooth reveal effect.

Staggered Cards

Multiple elements can animate with staggered timing for a cascading effect.

Design

Create beautiful interfaces

Develop

Build with modern tools

Deploy

Ship to production

Iterate

Improve continuously

Parallax Effect

The hero background moves at a different speed than the content, creating depth and visual interest.

This technique is commonly used in modern web design to add dimensionality to scrolling experiences.

Pinned Section

First reveal
Second reveal
Third reveal

The End

You've experienced ScrollTrigger! These techniques can transform static pages into engaging, interactive experiences.