Animations

Fade Up animation

Use FadeUp for content that should rise into place as it appears.

Fade Up

A small motion wrapper for entrance and exit composition.

Example 1

Fade Up

Example 2

Fade Up

Example 3

Fade Up


Fade Up

Import from the animation category.

Viewport trigger


Fade Up

Starts when the preview enters the viewport.

Override values


Custom Fade Up

Adjust preset targets with props.

What it does

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

FAQ

Where do I import it from?

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