Animations

Shake animation

Use Shake when an element needs to reject, warn, or draw attention.

Shake

A small motion wrapper for entrance and exit composition.

Example 1

Shake

Example 2

Shake

Example 3

Shake


Shake

Import from the animation category.

Viewport trigger


Shake

Starts when the preview enters the viewport.

Override values


Custom Shake

Adjust preset targets with props.

What it does

Moves along the x-axis in a short repeated sequence.

FAQ

Where do I import it from?

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