Animated Icons Registry
Install like shadcn.
Animate with Motion.
Drop animated SVG icons into your React app with one command. No npm icon packs—just copy the component and go.
Icons in the registry
Hover or tap to see Motion animations. Add any icon with one command.
icon-hearticon-a-arrow-downicon-a-arrow-upicon-a-large-smallicon-accessibilityicon-activityicon-activity-squareicon-air-ventOne command to add any icon
From a project with shadcn and components.json, run:
pnpm dlx shadcn@latest add https://your-registry-url.com/r/icon-heart.jsonThe CLI copies the component and adds motion if needed.
Why Anicon
Lightweight, flexible, and familiar if you already use shadcn.
Copy, don’t depend
Icons are installed as source files in your repo. No extra icon package—just React + Motion.
Motion-powered
Built with Motion (Framer Motion). Hover, tap, and layout animations work out of the box.
shadcn-style CLI
Uses the same registry format and CLI as shadcn. Add your registry URL and install with one command.