Ticker: useItemOffset

An example of animating ticker items based on their current offset using the Motion+ Ticker's useItemOffset hook for React.

Related docs

Infinitely-scrolling ticker and marquee effects, driven by time, drag or scroll.

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

Transform the output of one motion value into a new motion value.

Infinitely-scrolling ticker and marquee effects, driven by time, drag or scroll.

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

Transform the output of one motion value into a new motion value.

Motion Studio

Use Motion Studio to create new components or infuse static designs with animations based on "Ticker: useItemOffset" and 300+ other examples.

Discover Motion Studio