Cursor trail velocity

An example of creating a cursor trail with velocity-based inertia animations in Motion for React.

Related docs

Create custom cursor and follow-along effects in React.

Add exit animations to React components when they're removed from the page.

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

Fire events when the value of a motion value changes.

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

Create React animation with Motion components. Learn variants, gestures, and keyframes.

Create custom cursor and follow-along effects in React.

Add exit animations to React components when they're removed from the page.

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

Motion Studio

Use Motion Studio to create new components or infuse static designs with animations based on "Cursor trail velocity" and 300+ other examples.

Discover Motion Studio