Animations

Magnetic animation

Use Magnetic for hover-responsive controls that should feel tactile.

A small motion wrapper for entrance and exit composition.

Example 1

Example 2

Example 3

Import from the animation category.

Viewport trigger

Starts when the preview enters the viewport.

Override values

Adjust preset targets with props.

What it does

Applies spring-based x, y, and scale targets on hover and tap.

Where do I import it from?

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