Development · Web app
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.
What it's 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
- Topic
- Icons
- 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: 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
Related
Open-source icon set with 1,300 icons across filled, outline, and sharp styles
Customizable free icon collection across multiple styles and categories
Open-source icon library available across web frameworks, design tools, and SVG
Open-source icon pack designed for web, iOS, Android, and desktop apps
Free MIT-licensed icon library with four styles and two corner variants.
Open-source icon system available for personal and commercial projects.
Updated