Animations

Rotate In animation

Use RotateIn for icons, featured cards, and small content blocks that can handle a little personality.

Rotate In

A small motion wrapper for entrance and exit composition.

Example 1

Rotate In

Example 2

Rotate In

Example 3

Rotate In


Rotate In

Import from the animation category.

Viewport trigger


Rotate In

Starts when the preview enters the viewport.

Override values


Custom Rotate In

Adjust preset targets with props.

What it does

Animates opacity, scale, and rotation into a neutral visible state.

FAQ

Where do I import it from?

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