React Example

Path drawing

An example of animating a SVG path to make a path drawing effect, using Motion for React.

Related docs

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

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

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

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

Motion Studio

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

Discover Motion Studio