Animations/AnimatedIcon

AnimatedIcon

Wrap any Lucide (or other) icon with a Motion-powered animation preset. 8 presets, hover trigger mode, and color control — one wrapper to animate them all.

import { AnimatedIcon } from "@animui/ui"

Basic

All presets

spin

pulse

bounce

shake

wiggle

float

ping

pop

Hover trigger

Set trigger="hover" to only animate on mouse-over.

Props

Prop	Type	Default	Description
`preset`	`"spin" \| "pulse" \| "bounce" \| "shake" \| "pop" \| "wiggle" \| "ping" \| "float"`	`"pulse"`	Animation preset to apply.
`color`	`string`	—	CSS color for the icon.
`size`	`number \| string`	—	Size of the icon container (px or CSS value).
`trigger`	`"always" \| "hover" \| "click"`	`"always"`	When to run the animation.
`continuous`	`boolean`	`true`	Loop the animation continuously.
`className`	`string`	—	Additional classes.