Reveal text effect

An example of revealing text on hover using flexbox and Motion for React's layout animations.

Related docs

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

Smoothly animate layout changes and create shared element animations.

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

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 "Reveal text effect" and 300+ other examples.

Discover Motion Studio