Animations

Spin animation

Use Spin for continuous rotation on compact elements.

Loading

Spin

A small motion wrapper for loader and activity states.

Loading example 1

Example 1

Loader state

Loading example 2

Example 2

Loader state

Loading example 3

Example 3

Loader state


Loading

Loading

A focused loader visual using the spin preset.

Viewport trigger


Spin

Starts when the preview enters the viewport.

Override values


Custom loading

Custom loader

Adjust preset targets with props.

What it does

Rotates from zero to a full turn with linear repeat timing.

FAQ

Where do I import it from?

Import from `@zentauri-ui/zentauri-components/animations/spin`.