Animations

Fade Right animation

Use FadeRight for content that should enter from the left and settle right.

Fade Right

A small motion wrapper for entrance and exit composition.

Example 1

Fade Right

Example 2

Fade Right

Example 3

Fade Right


Fade Right

Import from the animation category.

Viewport trigger


Fade Right

Starts when the preview enters the viewport.

Override values


Custom Fade Right

Adjust preset targets with props.

What it does

Animates from a left offset and transparent opacity into the final position.

FAQ

Where do I import it from?

Import from `@zentauri-ui/zentauri-components/animations/fade-right`.