Animations

Scale In animation

Use ScaleIn when content should gently grow into its final size.

Scale In

A small motion wrapper for entrance and exit composition.

Example 1

Scale In

Example 2

Scale In

Example 3

Scale In


Scale In

Import from the animation category.

Viewport trigger


Scale In

Starts when the preview enters the viewport.

Override values


Custom Scale In

Adjust preset targets with props.

What it does

Animates from a slightly smaller scale and transparent opacity into full size.

FAQ

Where do I import it from?

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