# Hugeicons Animated

> Hand-animated React icons installable as source code via the shadcn CLI.

Hugeicons Animated is an open-source library of animated React icons based on Hugeicons and powered by Motion. Instead of bundling a large npm package, it lets you install individual icon source files directly into your project using the shadcn CLI.

Website: https://hugeicons-animated.com/

## What it is for

- Add micro-interactions and animated icons to React web applications
- Install individual icon components directly as project source code via CLI
- Preview and test hover-triggered UI icon animations before adding them

## Features

- shadcn CLI compatibility for copy-paste style code ownership
- Hand-crafted micro-animations built using Motion
- Zero package overhead by importing only required icon source files
- Interactive web catalog with hover previews for every icon
- Built on open-source icons from Hugeicons core-free-icons

## Pricing

Open source. Free and open source under the MIT license.

## Details

- Type: Web app
- Category: [Development](https://xiry.app/topics/development.md)
- Topic: [Icons](https://xiry.app/topics/design/icons.md)
- Open source: yes
- Platforms: Web, Code library, Command line
- For: React and Next.js frontend developers.
- Alternative to: Lucide, Hugeicons, Lordicon
- Tags: icons, react, shadcn, animation, motion, frontend

## Why it was saved

- [@abdushbag, 13 August 2026](https://x.com/abdushbag/status/2087826418075939036): Provides animated icons (notification bell, search, gear, arrow, gem, play, alarm, plane takeoff, rain cloud, magic wand, etc.) that can be dropped into products with a single CLI command.

## Compare

- [Alternatives to Lucide](https://xiry.app/alternatives/lucide.md)
- [Alternatives to Lordicon](https://xiry.app/alternatives/lordicon.md)

## Related

- [Famicons](https://xiry.app/resources/famicons): Open-source icon set with 1,300 icons across filled, outline, and sharp styles (Website, Open source)
- [Iconhub](https://xiry.app/resources/iconhub): Customizable free icon collection across multiple styles and categories (Website, Free)
- [Iconoir](https://xiry.app/resources/iconoir): Open-source icon library available across web frameworks, design tools, and SVG (Website, Free)
- [Ionicons](https://xiry.app/resources/ionicons): Open-source icon pack designed for web, iOS, Android, and desktop apps (Website, Open source)
- [Keyline Icons](https://xiry.app/resources/keyline-icons): Free MIT-licensed icon library with four styles and two corner variants. (Website, Free)
- [Mage Icons](https://xiry.app/resources/mage-icons): Open-source icon system available for personal and commercial projects. (Website, Open source)

Updated 10 October 2026. Page: https://xiry.app/resources/hugeicons-animated

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.