Animations

Hover Scale animation

Use HoverScale when an interactive element should grow on hover.

Hover Scale

A small motion wrapper for entrance and exit composition.

Example 1

Hover Scale

Example 2

Hover Scale

Example 3

Hover Scale


Hover Scale

Import from the animation category.

Viewport trigger


Hover Scale

Starts when the preview enters the viewport.

Override values


Custom Hover Scale

Adjust preset targets with props.

What it does

Applies a spring scale target through whileHover.

FAQ

Where do I import it from?

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