React Example

HTML content

An example using Motion for React to animate HTML content by rendering a MotionValue.

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 "HTML content" and 330+ other examples.

Discover Motion Studio

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

Composable animatable values that can updated styles without re-renders.

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

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

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

Composable animatable values that can updated styles without re-renders.

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

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