Animations

Fade Down animation

Use FadeDown when content should settle from above.

Fade Down

A small motion wrapper for entrance and exit composition.

Example 1

Fade Down

Example 2

Fade Down

Example 3

Fade Down


Fade Down

Import from the animation category.

Viewport trigger


Fade Down

Starts when the preview enters the viewport.

Override values


Custom Fade Down

Adjust preset targets with props.

What it does

Animates from an upper offset and transparent opacity into the final position.

FAQ

Where do I import it from?

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