sh4dcnv2 · atlas
← libraries

@animate-ui

Fully animated open-source React component distribution built with TypeScript, Tailwind CSS, and Motion (formerly Framer Motion). Three component tiers: animated Radix-wrapped primitives (accordion, alert-dialog, checkbox, dialog, dropdown-menu, files, hover-card, popover, progress, radio-group, sheet, sidebar, switch, tabs, toggle, tooltip), Base UI-backed variants of the same set, and custom Animate components (avatar-group, code, code-tabs, cursor, github-stars-wheel, tabs, tooltip). Also includes animated Lucide icons. MCP server available. Free, MIT-licensed. Use for: any React app that wants smooth, physics-based transitions on standard shadcn/ui primitives without writing animation logic manually.

250 components react shadcn-cli

Install this registry

shadcn (npm) npx shadcn@latest add https://animate-ui.com/r/registry.json
pnpm pnpm dlx shadcn@latest add https://animate-ui.com/r/registry.json
bun bunx shadcn@latest add https://animate-ui.com/r/registry.json
fetch registry curl -s https://animate-ui.com/r/registry.json

Components

250 total
Bubble Background ui

An interactive background featuring smoothly animated gradient bubbles, creating a playful, dynamic, and visually engaging backdrop.

npx shadcn@latest add https://animate-ui.com/r/backgrounds-bubble.json
Fireworks Background ui

A background component that displays a fireworks animation.

npx shadcn@latest add https://animate-ui.com/r/backgrounds-fireworks.json
Glyph Background ui

A background component featuring a field of characters lit by drifting glows, a cursor trail and waves on click.

npx shadcn@latest add https://animate-ui.com/r/backgrounds-glyph.json
Gradient Background ui

A background component featuring a subtle yet engaging animated gradient effect, smoothly transitioning colors to enhance visual depth.

npx shadcn@latest add https://animate-ui.com/r/backgrounds-gradient.json
Gravity Stars Background ui

A background component featuring a subtle yet engaging animated gravity stars effect.

npx shadcn@latest add https://animate-ui.com/r/backgrounds-gravity-stars.json
Hexagon Background ui

A background component featuring an interactive hexagon grid.

npx shadcn@latest add https://animate-ui.com/r/backgrounds-hexagon.json
Hole Background ui

A background component featuring an animated hole grid.

npx shadcn@latest add https://animate-ui.com/r/backgrounds-hole.json
Stars Background ui

An interactive background featuring animated dots of varying sizes and speeds, simulating a dynamic and immersive starry space effect.

npx shadcn@latest add https://animate-ui.com/r/backgrounds-stars.json
Topography Background ui

A background component featuring living contour lines that rise under the cursor and ripple on click.

npx shadcn@latest add https://animate-ui.com/r/backgrounds-topography.json
Flip Button ui

A button that flips over on hover to reveal its back face.

npx shadcn@latest add https://animate-ui.com/r/buttons-flip.json
GitHub Stars Button ui

A button showing a repository's GitHub stars, counted up with a filling star.

npx shadcn@latest add https://animate-ui.com/r/buttons-github-stars.json
Liquid Button ui

A button that fills with color from the bottom on hover.

npx shadcn@latest add https://animate-ui.com/r/buttons-liquid.json
Theme Toggler Button ui

A button that cycles the theme, its icon turning into the next one.

npx shadcn@latest add https://animate-ui.com/r/buttons-theme-toggler.json
Code Block ui

A highlighted code block that types itself out, with a cursor and a copy button.

npx shadcn@latest add https://animate-ui.com/r/components-code-block.json
Page Transition (React Router) ui

Animated transitions between the pages of a React Router app, built on view transitions.

npx shadcn@latest add https://animate-ui.com/r/components-page-transition-react-router.json
Page Transition (TanStack Router) ui

Animated transitions between the pages of a TanStack Router app, built on view transitions.

npx shadcn@latest add https://animate-ui.com/r/components-page-transition-tanstack-router.json
Page Transition ui

Animated transitions between the pages of a Next.js App Router app, built on view transitions.

npx shadcn@latest add https://animate-ui.com/r/components-page-transition.json
Accessibility Icon ui

Accessibility icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-accessibility.json
Activity 01 Icon ui

Activity 01 icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-activity-01.json
Add 01 Icon ui

Add 01 icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-add-01.json
Airplay Icon ui

Airplay icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-airplay.json
Alarm Clock Icon ui

Alarm Clock icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-alarm-clock.json
Arrow Down 01 Icon ui

Arrow Down 01 icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-arrow-down-01.json
Arrow Down 02 Icon ui

Arrow Down 02 icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-arrow-down-02.json
Arrow Left 01 Icon ui

Arrow Left 01 icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-arrow-left-01.json
Arrow Left 02 Icon ui

Arrow Left 02 icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-arrow-left-02.json
Arrow Right 01 Icon ui

Arrow Right 01 icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-arrow-right-01.json
Arrow Right 02 Icon ui

Arrow Right 02 icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-arrow-right-02.json
Arrow Up 01 Icon ui

Arrow Up 01 icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-arrow-up-01.json
Arrow Up 02 Icon ui

Arrow Up 02 icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-arrow-up-02.json
Arrow Up Down Icon ui

Arrow up down icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-arrow-up-down.json
Attachment 01 Icon ui

Attachment 01 icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-attachment-01.json
Audio Lines Icon ui

Audio Lines icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-audio-lines.json
Axe Icon ui

Axe icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-axe.json
Badge Check Icon ui

Badge check icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-badge-check.json
Battery Charging Icon ui

Battery Charging icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-battery-charging.json
Battery Full Icon ui

Battery Full icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-battery-full.json
Battery Low Icon ui

Battery Low icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-battery-low.json
Battery Medium 01 Icon ui

Battery Medium 01 icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-battery-medium-01.json
Bell Off Icon ui

Bell off icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-bell-off.json
Bell Ring Icon ui

Bell ring icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-bell-ring.json
Between Horizontal End Icon ui

Between horizontal end icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-between-horizontal-end.json
Between Horizontal Start Icon ui

Between horizontal start icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-between-horizontal-start.json
Between Vertical End Icon ui

Between vertical end icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-between-vertical-end.json
Between Vertical Start Icon ui

Between vertical start icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-between-vertical-start.json
Binary Icon ui

Binary icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-binary.json
Blend Icon ui

Blend icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-blend.json
Blocks Icon ui

Blocks icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-blocks.json
Bluetooth Icon ui

Bluetooth icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-bluetooth.json
Bookmark Check Icon ui

Bookmark Check icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-bookmark-check.json
Bookmark Plus Icon ui

Bookmark Plus icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-bookmark-plus.json
Bookmark Icon ui

Bookmark icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-bookmark.json
Bot Message Square Icon ui

Bot message square icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-bot-message-square.json
Bot Off Icon ui

Bot off icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-bot-off.json
Bot Icon ui

Bot icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-bot.json
Brush Cleaning Icon ui

Brush cleaning icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-brush-cleaning.json
Brush Icon ui

Brush icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-brush.json
Calendar Check Icon ui

Calendar Check icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-calendar-check.json
Calendar Clock Icon ui

Calendar Clock icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-calendar-clock.json
Calendar Plus Icon ui

Calendar Plus icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-calendar-plus.json
Calendar Icon ui

Calendar icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-calendar.json
Camera Icon ui

Camera icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-camera.json
Cancel 01 Icon ui

Cancel 01 icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-cancel-01.json
Cast Icon ui

Cast icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-cast.json
CCTV Icon ui

CCTV icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-cctv.json
Chart Bar Decreasing Icon ui

Chart bar decreasing icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-chart-bar-decreasing.json
Chart Bar Increasing Icon ui

Chart bar increasing icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-chart-bar-increasing.json
Chart Column Decreasing Icon ui

Chart column decreasing icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-chart-column-decreasing.json
Chart Column Increasing Icon ui

Chart column increasing icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-chart-column-increasing.json
Chart Column Icon ui

Chart column icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-chart-column.json
Chart Line Icon ui

Chart line icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-chart-line.json
Chart No Axes Column Decreasing Icon ui

Chart no axes column decreasing icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-chart-no-axes-column-decreasing.json
Chart No Axes Column Increasing Icon ui

Chart no axes column increasing icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-chart-no-axes-column-increasing.json
Chart No Axes Column Icon ui

Chart no axes column icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-chart-no-axes-column.json
Chart Scatter Icon ui

Chart scatter icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-chart-scatter.json
Chart Spline Icon ui

Chart spline icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-chart-spline.json
Check Check Icon ui

Check check icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-check-check.json
Check Line Icon ui

Check line icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-check-line.json
Check Icon ui

Check icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-check.json
Checkmark Circle 02 Icon ui

Checkmark Circle 02 icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-checkmark-circle-02.json
Cherry Icon ui

Cherry icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-cherry.json
Circle Check Big Icon ui

Circle check big icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-circle-check-big.json
Circle Plus Icon ui

Circle plus icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-circle-plus.json
Circle Question Mark Icon ui

Circle Question Mark icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-circle-question-mark.json
Circle X Icon ui

Circle x icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-circle-x.json
Circuit Board Icon ui

Circuit Board icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-circuit-board.json
Clapperboard Icon ui

Clapperboard icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-clapperboard.json
Clipboard Check Icon ui

Clipboard Check icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-clipboard-check.json
Clipboard List Icon ui

Clipboard List icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-clipboard-list.json
Clipboard Icon ui

Clipboard icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-clipboard.json
Clock 01 Icon ui

Clock 01 icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-clock-01.json
Clock 02 Icon ui

Clock 02 icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-clock-02.json
Clock 03 Icon ui

Clock 03 icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-clock-03.json
Clock 04 Icon ui

Clock 04 icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-clock-04.json
Clock 05 Icon ui

Clock 05 icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-clock-05.json
Clock Add Icon ui

Clock Add icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-clock-add.json
Clock Alert Icon ui

Clock Alert icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-clock-alert.json
Clock Arrow Down Icon ui

Clock Arrow Down icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-clock-arrow-down.json
Clock Arrow Up Icon ui

Clock Arrow Up icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-clock-arrow-up.json
Clock Check Icon ui

Clock Check icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-clock-check.json
Clock Fading Icon ui

Clock Fading icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-clock-fading.json
Clock Hour 1 Icon ui

Clock Hour 1 icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-clock-hour-1.json
Clock Hour 10 Icon ui

Clock Hour 10 icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-clock-hour-10.json
Clock Hour 11 Icon ui

Clock Hour 11 icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-clock-hour-11.json
Clock Hour 12 Icon ui

Clock Hour 12 icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-clock-hour-12.json
Clock Hour 2 Icon ui

Clock Hour 2 icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-clock-hour-2.json
Clock Hour 3 Icon ui

Clock Hour 3 icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-clock-hour-3.json
Clock Hour 4 Icon ui

Clock Hour 4 icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-clock-hour-4.json
Clock Hour 5 Icon ui

Clock Hour 5 icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-clock-hour-5.json
Clock Hour 6 Icon ui

Clock Hour 6 icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-clock-hour-6.json
Clock Hour 7 Icon ui

Clock Hour 7 icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-clock-hour-7.json
Clock Hour 8 Icon ui

Clock Hour 8 icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-clock-hour-8.json
Clock Hour 9 Icon ui

Clock Hour 9 icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-clock-hour-9.json
Clock Plus Icon ui

Clock Plus icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-clock-plus.json
Cloud Download Icon ui

Cloud download icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-cloud-download.json
Cloud Drizzle Icon ui

Cloud drizzle icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-cloud-drizzle.json
Cloud Hail Icon ui

Cloud hail icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-cloud-hail.json
Cloud Lightning Icon ui

Cloud lightning icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-cloud-lightning.json
Cloud Moon Rain Icon ui

Cloud moon rain icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-cloud-moon-rain.json
Cloud Rain Wind Icon ui

Cloud rain wind icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-cloud-rain-wind.json
Cloud Rain Icon ui

Cloud rain icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-cloud-rain.json
Cloud Snow Icon ui

Cloud snow icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-cloud-snow.json
Cloud Sun Rain Icon ui

Cloud sun rain icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-cloud-sun-rain.json
Cloud Upload Icon ui

Cloud upload icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-cloud-upload.json
Coffee 02 Icon ui

Coffee 02 icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-coffee-02.json
Cog Icon ui

Cog icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-cog.json
Compass Icon ui

Compass icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-compass.json
Computer Terminal 01 Icon ui

Computer Terminal 01 icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-computer-terminal-01.json
Contrast Icon ui

Contrast icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-contrast.json
Copy 01 Icon ui

Copy 01 icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-copy-01.json
Credit Card Icon ui

Credit Card icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-credit-card.json
Crop Icon ui

Crop icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-crop.json
Cross Icon ui

Cross icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-cross.json
Crown Icon ui

Crown icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-crown.json
Delete 02 Icon ui

Delete 02 icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-delete-02.json
Disc 3 Icon ui

Disc 3 icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-disc-3.json
Download 01 Icon ui

Download 01 icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-download-01.json
Download 04 Icon ui

Download 04 icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-download-04.json
Droplet Icon ui

Droplet icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-droplet.json
Equal Not Icon ui

Equal not icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-equal-not.json
EV Charger Icon ui

EV Charger icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-ev-charger.json
Expand Icon ui

Expand icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-expand.json
Eye Closed Icon ui

Eye Closed icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-eye-closed.json
Eye Off Icon ui

Eye Off icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-eye-off.json
Fan Icon ui

Fan icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-fan.json
Fast Forward Icon ui

Fast Forward icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-fast-forward.json
Favourite Icon ui

Favourite icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-favourite.json
File Check Icon ui

File Check icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-file-check.json
File Clock Icon ui

File Clock icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-file-clock.json
File Plus Icon ui

File Plus icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-file-plus.json
File Sliders Icon ui

File Sliders icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-file-sliders.json
File X Icon ui

File X icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-file-x.json
Filter Horizontal Icon ui

Filter Horizontal icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-filter-horizontal.json
Finger Print Icon ui

Finger Print icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-finger-print.json
Flag Icon ui

Flag icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-flag.json
Flame Icon ui

Flame icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-flame.json
Flash Icon ui

Flash icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-flash.json
Folder Clock Icon ui

Folder Clock icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-folder-clock.json
Folder Open Icon ui

Folder Open icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-folder-open.json
Forklift Icon ui

Forklift icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-forklift.json
Frame Icon ui

Frame icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-frame.json
Gallery Horizontal End Icon ui

Gallery horizontal end icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-gallery-horizontal-end.json
Gallery Horizontal Icon ui

Gallery horizontal icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-gallery-horizontal.json
Gallery Vertical End Icon ui

Gallery vertical end icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-gallery-vertical-end.json
Gallery Vertical Icon ui

Gallery vertical icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-gallery-vertical.json
Gauge Icon ui

Gauge icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-gauge.json
Gavel Icon ui

Gavel icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-gavel.json
Ghost Icon ui

Ghost icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-ghost.json
Gift Icon ui

Gift icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-gift.json
Globe 02 Icon ui

Globe 02 icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-globe-02.json
Hammer Icon ui

Hammer icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-hammer.json
Headphones Icon ui

Headphones icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-headphones.json
Home 03 Icon ui

Home 03 icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-home-03.json
Hourglass Icon ui

Hourglass icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-hourglass.json
House Wifi Icon ui

House wifi icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-house-wifi.json
Infinity Icon ui

Infinity icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-infinity.json
Info Icon ui

Info icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-info.json
Kanban Icon ui

Kanban icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-kanban.json
Key 01 Icon ui

Key 01 icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-key-01.json
Key Round Icon ui

Key Round icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-key-round.json
Layers 01 Icon ui

Layers 01 icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-layers-01.json
Layout Dashboard Icon ui

Layout dashboard icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-layout-dashboard.json
Leaf Icon ui

Leaf icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-leaf.json
Lightbulb Off Icon ui

Lightbulb off icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-lightbulb-off.json
Lightbulb Icon ui

Lightbulb icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-lightbulb.json
Link 01 Icon ui

Link 01 icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-link-01.json
Link Square 02 Icon ui

Link Square 02 icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-link-square-02.json
List Icon ui

List icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-list.json
Loading 01 Icon ui

Loading 01 icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-loading-01.json
Loading 02 Icon ui

Loading 02 icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-loading-02.json
Loading 03 Icon ui

Loading 03 icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-loading-03.json
Location 01 Icon ui

Location 01 icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-location-01.json
Lock Keyhole Open Icon ui

Lock keyhole open icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-lock-keyhole-open.json
Lock Keyhole Icon ui

Lock keyhole icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-lock-keyhole.json
Login 01 Icon ui

Login 01 icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-login-01.json
Logout 01 Icon ui

Logout 01 icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-logout-01.json
Mail 01 Icon ui

Mail 01 icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-mail-01.json
Mail Check Icon ui

Mail Check icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-mail-check.json
Mail Open Icon ui

Mail Open icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-mail-open.json
Map Pin Off Icon ui

Map pin off icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-map-pin-off.json
Maximize 01 Icon ui

Maximize 01 icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-maximize-01.json
Megaphone Icon ui

Megaphone icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-megaphone.json
Menu 01 Icon ui

Menu 01 icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-menu-01.json
Message 01 Icon ui

Message 01 icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-message-01.json
Message Circle Code Icon ui

Message circle code icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-message-circle-code.json
Message Circle Dashed Icon ui

Message circle dashed icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-message-circle-dashed.json
Message Circle Heart Icon ui

Message circle heart icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-message-circle-heart.json
Message Circle More Icon ui

Message circle more icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-message-circle-more.json
Message Circle Off Icon ui

Message circle off icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-message-circle-off.json
Message Circle Plus Icon ui

Message circle plus icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-message-circle-plus.json
Message Circle Warning Icon ui

Message circle warning icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-message-circle-warning.json
Message Circle X Icon ui

Message circle x icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-message-circle-x.json
Message Circle Icon ui

Message circle icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-message-circle.json
Message Square Code Icon ui

Message square code icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-message-square-code.json
Message Square Dashed Icon ui

Message square dashed icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-message-square-dashed.json
Message Square Diff Icon ui

Message square diff icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-message-square-diff.json
Message Square Dot Icon ui

Message square dot icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-message-square-dot.json
Message Square Heart Icon ui

Message square heart icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-message-square-heart.json
Message Square More Icon ui

Message square more icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-message-square-more.json
Message Square Off Icon ui

Message square off icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-message-square-off.json
Message Square Plus Icon ui

Message square plus icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-message-square-plus.json
Message Square Quote Icon ui

Message square quote icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-message-square-quote.json
Message Square Share Icon ui

Message square share icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-message-square-share.json
Message Square Text Icon ui

Message square text icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-message-square-text.json
Message Square Warning Icon ui

Message square warning icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-message-square-warning.json
Message Square X Icon ui

Message square x icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-message-square-x.json
Mic Off Icon ui

Mic Off icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-mic-off.json
Mic Icon ui

Mic icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-mic.json
Minimize 01 Icon ui

Minimize 01 icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-minimize-01.json
Minus Sign Icon ui

Minus Sign icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-minus-sign.json
Moon 02 Icon ui

Moon 02 icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-moon-02.json
Moon Star Icon ui

Moon star icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-moon-star.json
More Horizontal Icon ui

More Horizontal icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-more-horizontal.json
More Vertical Icon ui

More Vertical icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-more-vertical.json
Move Down Icon ui

Move down icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-move-down.json
Move Left Icon ui

Move left icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-move-left.json
Move Right Icon ui

Move right icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-move-right.json
Move Up Icon ui

Move up icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-move-up.json
Music 3 Icon ui

Music 3 icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-music-3.json
Nfc Icon ui

Nfc icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-nfc.json
Notification 01 Icon ui

Notification 01 icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-notification-01.json
Octagon Alert Icon ui

Octagon Alert icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-octagon-alert.json
Orbit Icon ui

Orbit icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-orbit.json
Paintbrush Icon ui

Paintbrush icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-paintbrush.json
Panel Bottom Close Icon ui

Panel bottom close icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-panel-bottom-close.json
Panel Bottom Open Icon ui

Panel bottom open icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-panel-bottom-open.json
Panel Bottom Icon ui

Panel bottom icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-panel-bottom.json
Panel Left Close Icon ui

Panel left close icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-panel-left-close.json
Panel Left Open Icon ui

Panel left open icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-panel-left-open.json
Panel Left Icon ui

Panel left icon component.

npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-panel-left.json