React Example

Scroll-linked animations

An example of linking an animation to scroll using Motion for React's useScroll hook.

Motion Studio

Enhance your AI code editor with this example

Use Motion Studio to create new components or infuse static designs with animations based on "Scroll-linked animations" and 330+ other examples.

Discover Motion Studio

Animate elements with a declarative API. Supports variants, gestures, and layout animations.

Create scroll-linked animations like progress bars & parallax with the useScroll React hook.

Animate elements with a declarative API. Supports variants, gestures, and layout animations.

Create scroll-linked animations like progress bars & parallax with the useScroll React hook.