React Example

Animate state

An example of animating in response to state changes 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 "Animate state" and 300+ other examples.

Discover Motion Studio