Animations

Pop In animation

Use PopIn when content should feel quick, tactile, and slightly more expressive.

Pop In

A small motion wrapper for entrance and exit composition.

Example 1

Pop In

Example 2

Pop In

Example 3

Pop In


Pop In

Import from the animation category.

Viewport trigger


Pop In

Starts when the preview enters the viewport.

Override values


Custom Pop In

Adjust preset targets with props.

What it does

Animates from a smaller transparent state into full size with a snappy easing curve.

FAQ

Where do I import it from?

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