v2Animate UI is now a package

shadcn/ui

Drop-in animated primitives for Radix UI, Base UI and React Aria. Swap the import, keep your components, your styles and your API.

$npx @animate-ui/cli@latest animate all
$pnpm dlx @animate-ui/cli@latest animate all
$yarn dlx @animate-ui/cli@latest animate all
$bun x @animate-ui/cli@latest animate all
Get startedBrowse primitives
Base UIRadix UIReact Aria

Every primitive, alive.

Go ahead, play with them.

Switch
Tabs

Overview

12 active projects, 3 tasks due.

Analytics

Page views up 25% this week.

Reports

5 reports are ready to export.

Accordion

Every primitive keeps its library’s accessibility.

Checkbox
Sliding Number
12,480installs this week
Radio Group
Icons
Toast
Progress
Uploading18%
Animate UI skill

Ask for motion in plain words.

Your AI agent finds what each component is built on, takes the shortest path to animate it, moves it with Animate UI's springs and checks the details before it's done.

~/my-app
Make my save button show it's loading, then a quick Saved.
    localhost:3000
    Turn this bell into an animated icon that rings on hover.
      localhost:3000
      hover · tap · in view · loop
      Animate my todo list when I add or remove a task.
        localhost:3000
        • Write the release notes
        • Review the pull request
        Review the animations in my app: what feels slow or janky?
          localhost:3000
          Works in Claude Code, Cursor, Codex and any agent that reads skills.
          $npx skills add imskyleen/animate-ui
          $pnpm dlx skills add imskyleen/animate-ui
          $yarn dlx skills add imskyleen/animate-ui
          $bun x skills add imskyleen/animate-ui
          Read the skill docsAudit with the CLI