Animations

Text Shimmer animation

Use TextShimmer with gradient text classes when a heading or label should catch attention.

Text Shimmer

A small motion wrapper for entrance and exit composition.

Example 1

Text Shimmer

Example 2

Text Shimmer

Example 3

Text Shimmer


Text Shimmer

Import from the animation category.

Viewport trigger


Text Shimmer

Starts when the preview enters the viewport.

Override values


Custom Text Shimmer

Adjust preset targets with props.

What it does

Animates opacity and background position so gradient text can shimmer across the content.

FAQ

Where do I import it from?

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