api
Animate
Universal wrapper with preset, trigger, and asChild support.
Playground
Scroll-based previews need you to scroll into view.
Live preview
Code
<Animate preset="bounceIn" duration={1}>
<Button>Bounce in</Button>
</Animate>shadcn add
npx shadcn@latest add @void/animate
# Or URL (no .json):
npx shadcn@latest add https://void.ui.unsanity.ai/r/animateProps
| Prop | Type | Default | Description |
|---|---|---|---|
| preset | string | string[] | fadeIn | Preset name(s) from the registry |
| trigger | mount | view | scrub | hover | click | mount | When to run the animation |
| variant | subtle | normal | dramatic | normal | Intensity variant |
| asChild | boolean | false | Merge onto child element (Radix Slot) |