Animations

Fade Out animation

Use FadeOut when content should leave without spatial motion.

Fade Out

A small motion wrapper for entrance and exit composition.

Example 1

Fade Out

Example 2

Fade Out

Example 3

Fade Out


Fade Out

Import from the animation category.

Viewport trigger


Fade Out

Starts when the preview enters the viewport.

Override values


Custom Fade Out

Adjust preset targets with props.

What it does

Animates opacity from visible to transparent with a short ease-in transition.

FAQ

Where do I import it from?

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