ActiveAnimated components2
@hugeicons-animated
Animated components · data updated 2026-07-28
An open-source collection of animated Hugeicons for React.
aianimationaudioauthcardsdashboardformshooksiconsloadersmapsmedianavigationoverlays
Install
npx shadcn@latest add https://hugeicons-animated.com/r/registry.jsonHealth
StatusActive
Last commit1 day ago
License—
Open issues0
ArchivedNo
Stars2
Components (160)
add-circleairplane-take-off-01alarm-clockalert-circlearchive-02arrow-down-02arrow-left-02arrow-right-02arrow-up-02arrow-up-right-01attachmentbattery-charging-01bluetoothbookmark-01bug-01bulbcalendar-03calendar-add-01call-02call-incoming-01call-outgoing-01camera-01cancel-01chevron-downchevron-leftchevron-rightchevron-upcircle-checkcircle-xclipboard-pasteclipboardclock-01cloud-downloadcloud-lightningcloud-raincloud-uploadcloudcode-xmlcoffee-02compasscopy-01credit-cardcrowncursor-pointer-01dashboard-square-01databasedelete-02diamond-02document-attachmentdownload-01earthedit-02external-linkeye-offeyefavouritefile-01file-addfile-downloadfile-upload
Components: add-circle, airplane-take-off-01, alarm-clock, alert-circle, archive-02, arrow-down-02, arrow-left-02, arrow-right-02, arrow-up-02, arrow-up-right-01, attachment, battery-charging-01, bluetooth, bookmark-01, bug-01, bulb, calendar-03, calendar-add-01, call-02, call-incoming-01, call-outgoing-01, camera-01, cancel-01, chevron-down, chevron-left, chevron-right, chevron-up, circle-check, circle-x, clipboard-paste, clipboard, clock-01, cloud-download, cloud-lightning, cloud-rain, cloud-upload, cloud, code-xml, coffee-02, compass, copy-01, credit-card, crown, cursor-pointer-01, dashboard-square-01, database, delete-02, diamond-02, document-attachment, download-01, earth, edit-02, external-link, eye-off, eye, favourite, file-01, file-add, file-download, file-upload, filter, fire, flash, flower, folder-01, folder-add, folder-open, full-screen, ghost, gift, github, grid-view, headphones, help-circle, history, home-01, image-01, inbox, information-circle, key-01, leaf-01, link-01, link-square-02, list-view, loading-03, location-01, location-add-01, lock, login-01, logout-01, magic-wand-01, mail-01, mail-open, maximize-screen, menu-01, message-01, message-add-01, mic-01, minimize-screen, minus-sign-circle, minus-sign, moon-02, more-horizontal, more-vertical, mouse-left-click-01, music-note-01, notification-03, notification-off-01, paint-brush-02, panel-left, party, pause, pin, play, plus-sign, printer, puzzle, qr-code-01, redo, refresh, robot-01, rocket-01, save, scissor-01, search-01, sent, settings-01, share-08, shield-02, shopping-cart-01, shopping-cart-add-01, sleeping, sliders-horizontal, smile, snow, sort-by-down-01, sort-by-up-01, sparkles, square-lock-01, star, sun-03, target-01, thumbs-up, tick-02, umbrella, undo, upload-01, user-add-01, user-check-01, user-group, user-multiple-02, user-remove-01, user, video-01, volume-high, volume-mute-01, wallet-01, wifi-01, zoom-in-area, zoom-out-areaPreview
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.
@hugeicons-animated · add-circle
npx shadcn@latest add https://hugeicons-animated.com/r/add-circle.jsonView source