Animations

Blur In animation

Use BlurIn for soft reveals where opacity alone feels too flat.

Blur In

A small motion wrapper for entrance and exit composition.

Example 1

Blur In

Example 2

Blur In

Example 3

Blur In


Blur In

Import from the animation category.

Viewport trigger


Blur In

Starts when the preview enters the viewport.

Override values


Custom Blur In

Adjust preset targets with props.

What it does

Animates from a blurred transparent state into a sharp visible state.

FAQ

Where do I import it from?

Import from `@zentauri-ui/zentauri-components/animations/blur-in`.