Development · Web app
icons-animated
Open-source animated icons installable via shadcn CLI for multiple frameworks
icons-animated is a collection of crafted animated icons built with Motion and based on icon sets like Lucide, Huge Icons, Phosphor, Tabler, and Heroicons. It allows developers to browse animations online and install individual icons directly into their web projects using the shadcn CLI registry. It supports React, Vue, and Svelte.
What it's for
- Add animated micro-interactions to buttons, navigation, and toggles
- Install standalone animated icon components via shadcn CLI without full bundle bloat
- Switch animated icon styles across icon sets like Huge Icons, Tabler, and Heroicons
Features
- shadcn CLI compatibility for fast installation into UI codebases
- Multi-framework support for React, Vue, and Svelte
- Multi-icon set support including Lucide, Huge Icons, Phosphor, Tabler, and Heroicons
- Web catalog for previewing hover and trigger animations before copying
- Built with Motion for fluid vector animations
Pricing
Open source. Free and open source under the MIT license.
Details
- Type
- Web app
- Category
- Development
- Topic
- UI Components
- Open source
- Yes
- Platforms
- Web, Code library, Command line
- For
- Frontend developers and designers building modern web apps
- Alternative to
- lucide-animated, Lordicon, Lucide Icons
- Tags
- icons, animated icons, shadcn, react, vue, svelte, motion
Why it was saved
- @ln_dev7: Ready-made animated icons to drop into projects without hand-crafting animations.
Compare
Related
Copy-paste React UI components built with Tailwind CSS and Radix primitives.
Pre-built, responsive shadcn/ui blocks and layouts for React applications
Open-source animation library for React, Vue, and vanilla JavaScript
Open-source animated and interactive React UI components and backgrounds
Curated directory of crafted React, Tailwind, and shadcn UI components.
Open-source animated React icons built with Lucide and Motion
Updated