ActiveIcons/logos8,049
@lucide-animated
Icons/logos · MIT · data updated 2026-09-05
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.
accessibilityaestheticaianimationaudioblockschartsdashboarde-commerceformsiconsmarketingmediasaas
Install
npx shadcn@latest add https://lucide-animated.com/r/registry.jsonHealth
StatusActive
Last commit1 week ago
LicenseMIT
Open issues5
ArchivedNo
Stars8,049
Components (467)
a-arrow-downa-arrow-upaccessibilityactivityair-ventairplaneairplayalarm-clockalarm-clock-checkalarm-clock-minusalarm-clock-plusalarm-smokealign-centeralign-horizontalalign-leftalign-rightalign-verticalambulanceangryannoyedarchivearrow-big-downarrow-big-down-dasharrow-big-leftarrow-big-left-dasharrow-big-rightarrow-big-right-dasharrow-big-uparrow-big-up-dasharrow-downarrow-down-0-1arrow-down-1-0arrow-down-a-zarrow-down-leftarrow-down-rightarrow-down-z-aarrow-leftarrow-rightarrow-uparrow-up-leftarrow-up-rightat-signatomattach-fileaudio-linesaxebadge-alertbadge-percentbanbananabatterybattery-chargingbattery-fullbattery-lowbattery-mediumbattery-plusbattery-warningbellbell-electricbiceps-flexed
Components: a-arrow-down, a-arrow-up, accessibility, activity, air-vent, airplane, airplay, alarm-clock, alarm-clock-check, alarm-clock-minus, alarm-clock-plus, alarm-smoke, align-center, align-horizontal, align-left, align-right, align-vertical, ambulance, angry, annoyed, archive, arrow-big-down, arrow-big-down-dash, arrow-big-left, arrow-big-left-dash, arrow-big-right, arrow-big-right-dash, arrow-big-up, arrow-big-up-dash, arrow-down, arrow-down-0-1, arrow-down-1-0, arrow-down-a-z, arrow-down-left, arrow-down-right, arrow-down-z-a, arrow-left, arrow-right, arrow-up, arrow-up-left, arrow-up-right, at-sign, atom, attach-file, audio-lines, axe, badge-alert, badge-percent, ban, banana, battery, battery-charging, battery-full, battery-low, battery-medium, battery-plus, battery-warning, bell, bell-electric, biceps-flexed, binary, blocks, bluetooth, bluetooth-connected, bluetooth-off, bluetooth-searching, bold, bone, book-text, bookmark, bookmark-check, bookmark-minus, bookmark-plus, bookmark-x, bot, bot-message-square, box, boxes, brain, briefcase-business, calendar-check, calendar-check-2, calendar-cog, calendar-days, cart, cast, cctv, chart-bar-decreasing, chart-bar-increasing, chart-column-decreasing, chart-column-increasing, chart-line, chart-no-axes-column-decreasing, chart-no-axes-column-increasing, chart-pie, chart-scatter, chart-spline, check, check-check, chess-bishop, chess-king, chess-knight, chess-pawn, chevron-down, chevron-first, chevron-left, chevron-right, chevron-up, chevrons-down-up, chevrons-left-right, chevrons-right-left, chevrons-up-down, chrome, cigarette, cigarette-off, circle-check, circle-chevron-down, circle-chevron-left, circle-chevron-right, circle-chevron-up, circle-dashed, circle-dollar-sign, circle-gauge, circle-help, clap, clipboard-check, clock, cloud-backup, cloud-cog, cloud-download, cloud-lightning, cloud-rain, cloud-rain-wind, cloud-snow, cloud-sun, cloud-sync, cloud-upload, coffee, cog, compass, concierge-bell, connect, construction, contrast, cooking-pot, copy, corner-down-left, corner-down-right, corner-left-down, corner-left-up, corner-right-down, corner-right-up, corner-up-left, corner-up-right, cpu, credit-card, cup-soda, cursor-click, database-backup, delete, disc-3, discord, dollar-sign, download, downvote, dribbble, droplet, drum, earth, euro, ev-charger, expand, external-link, eye, eye-off, facebook, fan, feather, figma, file-chart-line, file-check, file-check-2, file-cog, file-pen-line, file-stack, file-text, fingerprint, fish-symbol, flame, flask, folder-archive, folder-check, folder-clock, folder-code, folder-cog, folder-dot, folder-down, folder-git, folder-git-2, folder-heart, folder-input, folder-kanban, folder-key, folder-lock, folder-minus, folder-open, folder-output, folder-plus, folder-root, folder-sync, folder-tree, folder-up, folder-x, folders, frame, frown, gallery-horizontal-end, gallery-thumbnails, gallery-vertical-end, gauge, gavel, georgian-lari, git-branch, git-commit-horizontal, git-commit-vertical, git-compare, git-compare-arrows, git-fork, git-graph, git-merge, git-pull-request, git-pull-request-closed, git-pull-request-create, github, gitlab, graduation-cap, grip, grip-horizontal, grip-vertical, hammer, hand, hand-coins, hand-fist, hand-grab, hand-heart, hand-helping, hand-metal, hard-drive-download, hard-drive-upload, hat-glasses, heart, heart-handshake, heart-pulse, history, home, hourglass, id-card, indian-rupee, instagram, italic, japanese-yen, key, key-circle, key-square, keyboard, languages, laptop-minimal-check, laugh, layers, layout-grid, layout-panel-top, leaf, leafy-green, link, link-2, linkedin, loader, loader-circle, loader-pinwheel, lock, lock-keyhole, lock-keyhole-open, lock-open, login, logout, mail-check, mailbox, map-pin, map-pin-check, map-pin-check-inside, map-pin-house, map-pin-minus, map-pin-minus-inside, map-pin-off, map-pin-plus, map-pin-plus-inside, map-pin-x-inside, maximize, maximize-2, meh, menu, message-circle, message-circle-check, message-circle-dashed, message-circle-more, message-circle-plus, message-circle-x, message-square, message-square-check, message-square-dashed, message-square-more, message-square-plus, message-square-x, mic, mic-off, minimize, monitor-check, monitor-cog, moon, nfc, palette, panel-left-close, panel-left-open, panel-right-open, party-popper, pause, pen-tool, philippine-peso, phone, phone-call, phone-forwarded, phone-incoming, phone-missed, phone-off, pickaxe, plane-landing, plane-takeoff, play, plug-zap, plus, pound-sterling, projector, rabbit, radio, radio-tower, receipt, receipt-cent, receipt-euro, receipt-indian-rupee, receipt-japanese-yen, receipt-pound-sterling, receipt-russian-ruble, receipt-swiss-franc, receipt-text, receipt-turkish-lira, redo, redo-dot, refresh-ccw, refresh-ccw-dot, refresh-cw, refresh-cw-off, rocket, rocking-chair, roller-coaster, rotate-ccw, rotate-cw, route, router, russian-ruble, satellite-dish, saudi-riyal, scan-face, scan-text, search, send, server, server-cog, server-crash, settings, shield-check, ship, ship-wheel, shower-head, shredder, shrink, sliders-horizontal, smartphone-charging, smartphone-nfc, smile, smile-plus, snowflake, soup, sparkles, spray-can, square-activity, square-arrow-down, square-arrow-left, square-arrow-right, square-arrow-up, square-chevron-downPreview
Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.
@lucide-animated · a-arrow-down
npx shadcn@latest add https://lucide-animated.com/r/a-arrow-down.jsonView source