Search documentation

Search components and pages

Animate

Universal wrapper with preset, trigger, and render prop support.

Installation

Requires MotionProvider and gsap. Add the animate component with the shadcn CLI.

npx shadcn@latest add https://yami.ui.unsanity.ai/r/animate.json

Usage

import { Animate } from "@/void/api/animate"
import { Button } from "@/components/ui/button"

<Animate preset="bounceIn" duration={1}>
  <Button>Bounce in</Button>
</Animate>

Examples

Default

Code

import { Animate } from "@/void/api/animate"
import { Button } from "@/components/ui/button"

<Animate preset="bounceIn" duration={1}>
  <Button>Bounce in</Button>
</Animate>