Animations

Text Reveal animation

Use TextReveal for headings, labels, and short copy that should settle into focus.

Text Reveal

A small motion wrapper for entrance and exit composition.

Example 1

Text Reveal

Example 2

Text Reveal

Example 3

Text Reveal


Text Reveal

Import from the animation category.

Viewport trigger


Text Reveal

Starts when the preview enters the viewport.

Override values


Custom Text Reveal

Adjust preset targets with props.

What it does

Animates text-like content from a blurred, offset, transparent state into a sharp visible state.

FAQ

Where do I import it from?

Import from `@zentauri-ui/zentauri-components/animations/text-reveal`.