@lucide-animated
lucide-animated is a free, MIT-licensed open-source collection of 350+ smooth animated React icons built with Motion (formerly Framer Motion) and Lucide as the base SVG set. Every icon is a drop-in replacement for its static Lucide counterpart, adding entrance and hover animations. Installed via shadcn CLI. Copy-paste ownership model; 7,600+ GitHub stars. No paid tier. Use for: upgrading static Lucide icons to animated versions throughout a React UI without writing animation code, particularly effective on marketing sites or interactive dashboards where subtle motion adds polish.
60 components react shadcn-cli MIT
Install this registry
shadcn (npm)
npx shadcn@latest add https://lucide-animated.com/r/registry.json pnpm
pnpm dlx shadcn@latest add https://lucide-animated.com/r/registry.json bun
bunx shadcn@latest add https://lucide-animated.com/r/registry.json fetch registry
curl -s https://lucide-animated.com/r/registry.json Components
60 total a-arrow-down ui
npx shadcn@latest add https://lucide-animated.com/r/a-arrow-down.json a-arrow-up ui
npx shadcn@latest add https://lucide-animated.com/r/a-arrow-up.json accessibility ui
npx shadcn@latest add https://lucide-animated.com/r/accessibility.json activity ui
npx shadcn@latest add https://lucide-animated.com/r/activity.json air-vent ui
npx shadcn@latest add https://lucide-animated.com/r/air-vent.json airplane ui
npx shadcn@latest add https://lucide-animated.com/r/airplane.json alarm-clock ui
npx shadcn@latest add https://lucide-animated.com/r/alarm-clock.json align-center ui
npx shadcn@latest add https://lucide-animated.com/r/align-center.json align-horizontal ui
npx shadcn@latest add https://lucide-animated.com/r/align-horizontal.json align-vertical ui
npx shadcn@latest add https://lucide-animated.com/r/align-vertical.json ambulance ui
npx shadcn@latest add https://lucide-animated.com/r/ambulance.json angry ui
npx shadcn@latest add https://lucide-animated.com/r/angry.json annoyed ui
npx shadcn@latest add https://lucide-animated.com/r/annoyed.json archive ui
npx shadcn@latest add https://lucide-animated.com/r/archive.json arrow-big-down-dash ui
npx shadcn@latest add https://lucide-animated.com/r/arrow-big-down-dash.json arrow-big-down ui
npx shadcn@latest add https://lucide-animated.com/r/arrow-big-down.json arrow-big-left-dash ui
npx shadcn@latest add https://lucide-animated.com/r/arrow-big-left-dash.json arrow-big-left ui
npx shadcn@latest add https://lucide-animated.com/r/arrow-big-left.json arrow-big-right-dash ui
npx shadcn@latest add https://lucide-animated.com/r/arrow-big-right-dash.json arrow-big-right ui
npx shadcn@latest add https://lucide-animated.com/r/arrow-big-right.json arrow-big-up-dash ui
npx shadcn@latest add https://lucide-animated.com/r/arrow-big-up-dash.json arrow-big-up ui
npx shadcn@latest add https://lucide-animated.com/r/arrow-big-up.json arrow-down-0-1 ui
npx shadcn@latest add https://lucide-animated.com/r/arrow-down-0-1.json arrow-down-1-0 ui
npx shadcn@latest add https://lucide-animated.com/r/arrow-down-1-0.json arrow-down-a-z ui
npx shadcn@latest add https://lucide-animated.com/r/arrow-down-a-z.json arrow-down-left ui
npx shadcn@latest add https://lucide-animated.com/r/arrow-down-left.json arrow-down-right ui
npx shadcn@latest add https://lucide-animated.com/r/arrow-down-right.json arrow-up-left ui
npx shadcn@latest add https://lucide-animated.com/r/arrow-up-left.json arrow-up-right ui
npx shadcn@latest add https://lucide-animated.com/r/arrow-up-right.json arrow-down-z-a ui
npx shadcn@latest add https://lucide-animated.com/r/arrow-down-z-a.json arrow-down ui
npx shadcn@latest add https://lucide-animated.com/r/arrow-down.json arrow-left ui
npx shadcn@latest add https://lucide-animated.com/r/arrow-left.json arrow-right ui
npx shadcn@latest add https://lucide-animated.com/r/arrow-right.json arrow-up ui
npx shadcn@latest add https://lucide-animated.com/r/arrow-up.json at-sign ui
npx shadcn@latest add https://lucide-animated.com/r/at-sign.json attach-file ui
npx shadcn@latest add https://lucide-animated.com/r/attach-file.json audio-lines ui
npx shadcn@latest add https://lucide-animated.com/r/audio-lines.json badge-alert ui
npx shadcn@latest add https://lucide-animated.com/r/badge-alert.json badge-percent ui
npx shadcn@latest add https://lucide-animated.com/r/badge-percent.json ban ui
npx shadcn@latest add https://lucide-animated.com/r/ban.json banana ui
npx shadcn@latest add https://lucide-animated.com/r/banana.json battery-full ui
npx shadcn@latest add https://lucide-animated.com/r/battery-full.json battery-low ui
npx shadcn@latest add https://lucide-animated.com/r/battery-low.json battery-medium ui
npx shadcn@latest add https://lucide-animated.com/r/battery-medium.json bell ui
npx shadcn@latest add https://lucide-animated.com/r/bell.json blocks ui
npx shadcn@latest add https://lucide-animated.com/r/blocks.json bluetooth-connected ui
npx shadcn@latest add https://lucide-animated.com/r/bluetooth-connected.json bluetooth-off ui
npx shadcn@latest add https://lucide-animated.com/r/bluetooth-off.json bluetooth-searching ui
npx shadcn@latest add https://lucide-animated.com/r/bluetooth-searching.json bluetooth ui
npx shadcn@latest add https://lucide-animated.com/r/bluetooth.json bold ui
npx shadcn@latest add https://lucide-animated.com/r/bold.json bone ui
npx shadcn@latest add https://lucide-animated.com/r/bone.json book-text ui
npx shadcn@latest add https://lucide-animated.com/r/book-text.json bookmark-check ui
npx shadcn@latest add https://lucide-animated.com/r/bookmark-check.json bookmark-minus ui
npx shadcn@latest add https://lucide-animated.com/r/bookmark-minus.json bookmark-plus ui
npx shadcn@latest add https://lucide-animated.com/r/bookmark-plus.json bookmark-x ui
npx shadcn@latest add https://lucide-animated.com/r/bookmark-x.json bookmark ui
npx shadcn@latest add https://lucide-animated.com/r/bookmark.json bot-message-square ui
npx shadcn@latest add https://lucide-animated.com/r/bot-message-square.json bot ui
npx shadcn@latest add https://lucide-animated.com/r/bot.json