React Example

Variants

An example of orchestrating animation sequences using Motion for React's variants.

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.

An overview of all the gestures available in Motion for React.

Smoothly animate layout changes and create shared element animations.

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

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

An overview of all the gestures available in Motion for React.

Smoothly animate layout changes and create shared element animations.

Motion Studio

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

Discover Motion Studio