Magnetic filings

An example of creating a grid of metal filings that rotate to point towards the cursor position using Motion for React.

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 "Magnetic filings" and 330+ other examples.

Discover Motion Studio

Create custom cursor and follow-along effects in React.

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

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

Create custom cursor and follow-along effects in React.

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

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