@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.

250 components react shadcn-cli MIT

website ↗ github ↗ registry ↗ agent brief (.md) ↗ clone source (200 .json) ↗ clone brief (PROMPT.md) ↗

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

250 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

airplay ui

npx shadcn@latest add https://lucide-animated.com/r/airplay.json

alarm-clock ui

npx shadcn@latest add https://lucide-animated.com/r/alarm-clock.json

alarm-clock-check ui

npx shadcn@latest add https://lucide-animated.com/r/alarm-clock-check.json

alarm-clock-minus ui

npx shadcn@latest add https://lucide-animated.com/r/alarm-clock-minus.json

alarm-clock-plus ui

npx shadcn@latest add https://lucide-animated.com/r/alarm-clock-plus.json

alarm-smoke ui

npx shadcn@latest add https://lucide-animated.com/r/alarm-smoke.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-left ui

npx shadcn@latest add https://lucide-animated.com/r/align-left.json

align-right ui

npx shadcn@latest add https://lucide-animated.com/r/align-right.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 ui

npx shadcn@latest add https://lucide-animated.com/r/arrow-big-down.json

arrow-big-down-dash ui

npx shadcn@latest add https://lucide-animated.com/r/arrow-big-down-dash.json

arrow-big-left ui

npx shadcn@latest add https://lucide-animated.com/r/arrow-big-left.json

arrow-big-left-dash ui

npx shadcn@latest add https://lucide-animated.com/r/arrow-big-left-dash.json

arrow-big-right ui

npx shadcn@latest add https://lucide-animated.com/r/arrow-big-right.json

arrow-big-right-dash ui

npx shadcn@latest add https://lucide-animated.com/r/arrow-big-right-dash.json

arrow-big-up ui

npx shadcn@latest add https://lucide-animated.com/r/arrow-big-up.json

arrow-big-up-dash ui

npx shadcn@latest add https://lucide-animated.com/r/arrow-big-up-dash.json

arrow-down ui

npx shadcn@latest add https://lucide-animated.com/r/arrow-down.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-down-z-a ui

npx shadcn@latest add https://lucide-animated.com/r/arrow-down-z-a.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

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

at-sign ui

npx shadcn@latest add https://lucide-animated.com/r/at-sign.json

atom ui

npx shadcn@latest add https://lucide-animated.com/r/atom.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

axe ui

npx shadcn@latest add https://lucide-animated.com/r/axe.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 ui

npx shadcn@latest add https://lucide-animated.com/r/battery.json

battery-charging ui

npx shadcn@latest add https://lucide-animated.com/r/battery-charging.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

battery-plus ui

npx shadcn@latest add https://lucide-animated.com/r/battery-plus.json

battery-warning ui

npx shadcn@latest add https://lucide-animated.com/r/battery-warning.json

bell ui

npx shadcn@latest add https://lucide-animated.com/r/bell.json

bell-electric ui

npx shadcn@latest add https://lucide-animated.com/r/bell-electric.json

biceps-flexed ui

npx shadcn@latest add https://lucide-animated.com/r/biceps-flexed.json

binary ui

npx shadcn@latest add https://lucide-animated.com/r/binary.json

blocks ui

npx shadcn@latest add https://lucide-animated.com/r/blocks.json

bluetooth ui

npx shadcn@latest add https://lucide-animated.com/r/bluetooth.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

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 ui

npx shadcn@latest add https://lucide-animated.com/r/bookmark.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

bot ui

npx shadcn@latest add https://lucide-animated.com/r/bot.json

bot-message-square ui

npx shadcn@latest add https://lucide-animated.com/r/bot-message-square.json

box ui

npx shadcn@latest add https://lucide-animated.com/r/box.json

boxes ui

npx shadcn@latest add https://lucide-animated.com/r/boxes.json

brain ui

npx shadcn@latest add https://lucide-animated.com/r/brain.json

briefcase-business ui

npx shadcn@latest add https://lucide-animated.com/r/briefcase-business.json

calendar-check ui

npx shadcn@latest add https://lucide-animated.com/r/calendar-check.json

calendar-check-2 ui

npx shadcn@latest add https://lucide-animated.com/r/calendar-check-2.json

calendar-cog ui

npx shadcn@latest add https://lucide-animated.com/r/calendar-cog.json

calendar-days ui

npx shadcn@latest add https://lucide-animated.com/r/calendar-days.json

cart ui

npx shadcn@latest add https://lucide-animated.com/r/cart.json

cast ui

npx shadcn@latest add https://lucide-animated.com/r/cast.json

cctv ui

npx shadcn@latest add https://lucide-animated.com/r/cctv.json

chart-bar-decreasing ui

npx shadcn@latest add https://lucide-animated.com/r/chart-bar-decreasing.json

chart-bar-increasing ui

npx shadcn@latest add https://lucide-animated.com/r/chart-bar-increasing.json

chart-column-decreasing ui

npx shadcn@latest add https://lucide-animated.com/r/chart-column-decreasing.json

chart-column-increasing ui

npx shadcn@latest add https://lucide-animated.com/r/chart-column-increasing.json

chart-line ui

npx shadcn@latest add https://lucide-animated.com/r/chart-line.json

chart-no-axes-column-decreasing ui

npx shadcn@latest add https://lucide-animated.com/r/chart-no-axes-column-decreasing.json

chart-no-axes-column-increasing ui

npx shadcn@latest add https://lucide-animated.com/r/chart-no-axes-column-increasing.json

chart-pie ui

npx shadcn@latest add https://lucide-animated.com/r/chart-pie.json

chart-scatter ui

npx shadcn@latest add https://lucide-animated.com/r/chart-scatter.json

chart-spline ui

npx shadcn@latest add https://lucide-animated.com/r/chart-spline.json

check ui

npx shadcn@latest add https://lucide-animated.com/r/check.json

check-check ui

npx shadcn@latest add https://lucide-animated.com/r/check-check.json

chess-bishop ui

npx shadcn@latest add https://lucide-animated.com/r/chess-bishop.json

chess-king ui

npx shadcn@latest add https://lucide-animated.com/r/chess-king.json

chess-knight ui

npx shadcn@latest add https://lucide-animated.com/r/chess-knight.json

chess-pawn ui

npx shadcn@latest add https://lucide-animated.com/r/chess-pawn.json

chevron-down ui

npx shadcn@latest add https://lucide-animated.com/r/chevron-down.json

chevron-first ui

npx shadcn@latest add https://lucide-animated.com/r/chevron-first.json

chevron-left ui

npx shadcn@latest add https://lucide-animated.com/r/chevron-left.json

chevron-right ui

npx shadcn@latest add https://lucide-animated.com/r/chevron-right.json

chevron-up ui

npx shadcn@latest add https://lucide-animated.com/r/chevron-up.json

chevrons-down-up ui

npx shadcn@latest add https://lucide-animated.com/r/chevrons-down-up.json

chevrons-left-right ui

npx shadcn@latest add https://lucide-animated.com/r/chevrons-left-right.json

chevrons-right-left ui

npx shadcn@latest add https://lucide-animated.com/r/chevrons-right-left.json

chevrons-up-down ui

npx shadcn@latest add https://lucide-animated.com/r/chevrons-up-down.json

chrome ui

npx shadcn@latest add https://lucide-animated.com/r/chrome.json

cigarette ui

npx shadcn@latest add https://lucide-animated.com/r/cigarette.json

cigarette-off ui

npx shadcn@latest add https://lucide-animated.com/r/cigarette-off.json

circle-check ui

npx shadcn@latest add https://lucide-animated.com/r/circle-check.json

circle-chevron-down ui

npx shadcn@latest add https://lucide-animated.com/r/circle-chevron-down.json

circle-chevron-left ui

npx shadcn@latest add https://lucide-animated.com/r/circle-chevron-left.json

circle-chevron-right ui

npx shadcn@latest add https://lucide-animated.com/r/circle-chevron-right.json

circle-chevron-up ui

npx shadcn@latest add https://lucide-animated.com/r/circle-chevron-up.json

circle-dashed ui

npx shadcn@latest add https://lucide-animated.com/r/circle-dashed.json

circle-dollar-sign ui

npx shadcn@latest add https://lucide-animated.com/r/circle-dollar-sign.json

circle-gauge ui

npx shadcn@latest add https://lucide-animated.com/r/circle-gauge.json

circle-help ui

npx shadcn@latest add https://lucide-animated.com/r/circle-help.json

clap ui

npx shadcn@latest add https://lucide-animated.com/r/clap.json

clipboard-check ui

npx shadcn@latest add https://lucide-animated.com/r/clipboard-check.json

clock ui

npx shadcn@latest add https://lucide-animated.com/r/clock.json

cloud-backup ui

npx shadcn@latest add https://lucide-animated.com/r/cloud-backup.json

cloud-cog ui

npx shadcn@latest add https://lucide-animated.com/r/cloud-cog.json

cloud-download ui

npx shadcn@latest add https://lucide-animated.com/r/cloud-download.json

cloud-lightning ui

npx shadcn@latest add https://lucide-animated.com/r/cloud-lightning.json

cloud-rain ui

npx shadcn@latest add https://lucide-animated.com/r/cloud-rain.json

cloud-rain-wind ui

npx shadcn@latest add https://lucide-animated.com/r/cloud-rain-wind.json

cloud-snow ui

npx shadcn@latest add https://lucide-animated.com/r/cloud-snow.json

cloud-sun ui

npx shadcn@latest add https://lucide-animated.com/r/cloud-sun.json

cloud-sync ui

npx shadcn@latest add https://lucide-animated.com/r/cloud-sync.json

cloud-upload ui

npx shadcn@latest add https://lucide-animated.com/r/cloud-upload.json

coffee ui

npx shadcn@latest add https://lucide-animated.com/r/coffee.json

cog ui

npx shadcn@latest add https://lucide-animated.com/r/cog.json

compass ui

npx shadcn@latest add https://lucide-animated.com/r/compass.json

concierge-bell ui

npx shadcn@latest add https://lucide-animated.com/r/concierge-bell.json

connect ui

npx shadcn@latest add https://lucide-animated.com/r/connect.json

construction ui

npx shadcn@latest add https://lucide-animated.com/r/construction.json

contrast ui

npx shadcn@latest add https://lucide-animated.com/r/contrast.json

cooking-pot ui

npx shadcn@latest add https://lucide-animated.com/r/cooking-pot.json

copy ui

npx shadcn@latest add https://lucide-animated.com/r/copy.json

corner-down-left ui

npx shadcn@latest add https://lucide-animated.com/r/corner-down-left.json

corner-down-right ui

npx shadcn@latest add https://lucide-animated.com/r/corner-down-right.json

corner-left-down ui

npx shadcn@latest add https://lucide-animated.com/r/corner-left-down.json

corner-left-up ui

npx shadcn@latest add https://lucide-animated.com/r/corner-left-up.json

corner-right-down ui

npx shadcn@latest add https://lucide-animated.com/r/corner-right-down.json

corner-right-up ui

npx shadcn@latest add https://lucide-animated.com/r/corner-right-up.json

corner-up-left ui

npx shadcn@latest add https://lucide-animated.com/r/corner-up-left.json

corner-up-right ui

npx shadcn@latest add https://lucide-animated.com/r/corner-up-right.json

cpu ui

npx shadcn@latest add https://lucide-animated.com/r/cpu.json

credit-card ui

npx shadcn@latest add https://lucide-animated.com/r/credit-card.json

cup-soda ui

npx shadcn@latest add https://lucide-animated.com/r/cup-soda.json

cursor-click ui

npx shadcn@latest add https://lucide-animated.com/r/cursor-click.json

database-backup ui

npx shadcn@latest add https://lucide-animated.com/r/database-backup.json

delete ui

npx shadcn@latest add https://lucide-animated.com/r/delete.json

disc-3 ui

npx shadcn@latest add https://lucide-animated.com/r/disc-3.json

discord ui

npx shadcn@latest add https://lucide-animated.com/r/discord.json

dollar-sign ui

npx shadcn@latest add https://lucide-animated.com/r/dollar-sign.json

download ui

npx shadcn@latest add https://lucide-animated.com/r/download.json

downvote ui

npx shadcn@latest add https://lucide-animated.com/r/downvote.json

dribbble ui

npx shadcn@latest add https://lucide-animated.com/r/dribbble.json

droplet ui

npx shadcn@latest add https://lucide-animated.com/r/droplet.json

drum ui

npx shadcn@latest add https://lucide-animated.com/r/drum.json

earth ui

npx shadcn@latest add https://lucide-animated.com/r/earth.json

euro ui

npx shadcn@latest add https://lucide-animated.com/r/euro.json

ev-charger ui

npx shadcn@latest add https://lucide-animated.com/r/ev-charger.json

expand ui

npx shadcn@latest add https://lucide-animated.com/r/expand.json

external-link ui

npx shadcn@latest add https://lucide-animated.com/r/external-link.json

eye ui

npx shadcn@latest add https://lucide-animated.com/r/eye.json

eye-off ui

npx shadcn@latest add https://lucide-animated.com/r/eye-off.json

facebook ui

npx shadcn@latest add https://lucide-animated.com/r/facebook.json

fan ui

npx shadcn@latest add https://lucide-animated.com/r/fan.json

feather ui

npx shadcn@latest add https://lucide-animated.com/r/feather.json

figma ui

npx shadcn@latest add https://lucide-animated.com/r/figma.json

file-chart-line ui

npx shadcn@latest add https://lucide-animated.com/r/file-chart-line.json

file-check ui

npx shadcn@latest add https://lucide-animated.com/r/file-check.json

file-check-2 ui

npx shadcn@latest add https://lucide-animated.com/r/file-check-2.json

file-cog ui

npx shadcn@latest add https://lucide-animated.com/r/file-cog.json

file-pen-line ui

npx shadcn@latest add https://lucide-animated.com/r/file-pen-line.json

file-stack ui

npx shadcn@latest add https://lucide-animated.com/r/file-stack.json

file-text ui

npx shadcn@latest add https://lucide-animated.com/r/file-text.json

fingerprint ui

npx shadcn@latest add https://lucide-animated.com/r/fingerprint.json

fish-symbol ui

npx shadcn@latest add https://lucide-animated.com/r/fish-symbol.json

flame ui

npx shadcn@latest add https://lucide-animated.com/r/flame.json

flask ui

npx shadcn@latest add https://lucide-animated.com/r/flask.json

folder-archive ui

npx shadcn@latest add https://lucide-animated.com/r/folder-archive.json

folder-check ui

npx shadcn@latest add https://lucide-animated.com/r/folder-check.json

folder-clock ui

npx shadcn@latest add https://lucide-animated.com/r/folder-clock.json

folder-code ui

npx shadcn@latest add https://lucide-animated.com/r/folder-code.json

folder-cog ui

npx shadcn@latest add https://lucide-animated.com/r/folder-cog.json

folder-dot ui

npx shadcn@latest add https://lucide-animated.com/r/folder-dot.json

folder-down ui

npx shadcn@latest add https://lucide-animated.com/r/folder-down.json

folder-git ui

npx shadcn@latest add https://lucide-animated.com/r/folder-git.json

folder-git-2 ui

npx shadcn@latest add https://lucide-animated.com/r/folder-git-2.json

folder-heart ui

npx shadcn@latest add https://lucide-animated.com/r/folder-heart.json

folder-input ui

npx shadcn@latest add https://lucide-animated.com/r/folder-input.json

folder-kanban ui

npx shadcn@latest add https://lucide-animated.com/r/folder-kanban.json

folder-key ui

npx shadcn@latest add https://lucide-animated.com/r/folder-key.json

folder-lock ui

npx shadcn@latest add https://lucide-animated.com/r/folder-lock.json

folder-minus ui

npx shadcn@latest add https://lucide-animated.com/r/folder-minus.json

folder-open ui

npx shadcn@latest add https://lucide-animated.com/r/folder-open.json

folder-output ui

npx shadcn@latest add https://lucide-animated.com/r/folder-output.json

folder-plus ui

npx shadcn@latest add https://lucide-animated.com/r/folder-plus.json

folder-root ui

npx shadcn@latest add https://lucide-animated.com/r/folder-root.json

folder-sync ui

npx shadcn@latest add https://lucide-animated.com/r/folder-sync.json

folder-tree ui

npx shadcn@latest add https://lucide-animated.com/r/folder-tree.json

folder-up ui

npx shadcn@latest add https://lucide-animated.com/r/folder-up.json

folder-x ui

npx shadcn@latest add https://lucide-animated.com/r/folder-x.json

folders ui

npx shadcn@latest add https://lucide-animated.com/r/folders.json

frame ui

npx shadcn@latest add https://lucide-animated.com/r/frame.json

frown ui

npx shadcn@latest add https://lucide-animated.com/r/frown.json

gallery-horizontal-end ui

npx shadcn@latest add https://lucide-animated.com/r/gallery-horizontal-end.json

gallery-thumbnails ui

npx shadcn@latest add https://lucide-animated.com/r/gallery-thumbnails.json

gallery-vertical-end ui

npx shadcn@latest add https://lucide-animated.com/r/gallery-vertical-end.json

gauge ui

npx shadcn@latest add https://lucide-animated.com/r/gauge.json

gavel ui

npx shadcn@latest add https://lucide-animated.com/r/gavel.json

georgian-lari ui

npx shadcn@latest add https://lucide-animated.com/r/georgian-lari.json

git-branch ui

npx shadcn@latest add https://lucide-animated.com/r/git-branch.json

git-commit-horizontal ui

npx shadcn@latest add https://lucide-animated.com/r/git-commit-horizontal.json

git-commit-vertical ui

npx shadcn@latest add https://lucide-animated.com/r/git-commit-vertical.json

git-compare ui

npx shadcn@latest add https://lucide-animated.com/r/git-compare.json

git-compare-arrows ui

npx shadcn@latest add https://lucide-animated.com/r/git-compare-arrows.json

git-fork ui

npx shadcn@latest add https://lucide-animated.com/r/git-fork.json

git-graph ui

npx shadcn@latest add https://lucide-animated.com/r/git-graph.json

git-merge ui

npx shadcn@latest add https://lucide-animated.com/r/git-merge.json

git-pull-request ui

npx shadcn@latest add https://lucide-animated.com/r/git-pull-request.json

git-pull-request-closed ui

npx shadcn@latest add https://lucide-animated.com/r/git-pull-request-closed.json

git-pull-request-create ui

npx shadcn@latest add https://lucide-animated.com/r/git-pull-request-create.json

github ui

npx shadcn@latest add https://lucide-animated.com/r/github.json

gitlab ui

npx shadcn@latest add https://lucide-animated.com/r/gitlab.json

graduation-cap ui

npx shadcn@latest add https://lucide-animated.com/r/graduation-cap.json

grip ui

npx shadcn@latest add https://lucide-animated.com/r/grip.json

grip-horizontal ui

npx shadcn@latest add https://lucide-animated.com/r/grip-horizontal.json

grip-vertical ui

npx shadcn@latest add https://lucide-animated.com/r/grip-vertical.json

hammer ui

npx shadcn@latest add https://lucide-animated.com/r/hammer.json

hand ui

npx shadcn@latest add https://lucide-animated.com/r/hand.json

hand-coins ui

npx shadcn@latest add https://lucide-animated.com/r/hand-coins.json

hand-fist ui

npx shadcn@latest add https://lucide-animated.com/r/hand-fist.json

hand-grab ui

npx shadcn@latest add https://lucide-animated.com/r/hand-grab.json

hand-heart ui

npx shadcn@latest add https://lucide-animated.com/r/hand-heart.json

hand-helping ui

npx shadcn@latest add https://lucide-animated.com/r/hand-helping.json

hand-metal ui

npx shadcn@latest add https://lucide-animated.com/r/hand-metal.json

hard-drive-download ui

npx shadcn@latest add https://lucide-animated.com/r/hard-drive-download.json

hard-drive-upload ui

npx shadcn@latest add https://lucide-animated.com/r/hard-drive-upload.json

hat-glasses ui

npx shadcn@latest add https://lucide-animated.com/r/hat-glasses.json