Animations

Fade Left animation

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

Fade Left

A small motion wrapper for entrance and exit composition.

Example 1

Fade Left

Example 2

Fade Left

Example 3

Fade Left


Fade Left

Import from the animation category.

Viewport trigger


Fade Left

Starts when the preview enters the viewport.

Override values


Custom Fade Left

Adjust preset targets with props.

What it does

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

FAQ

Where do I import it from?

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