OPEN LINK ↗
// 80d agoOPENSOURCE RELEASE
Animated Icons ships 3,640 CSS-only icons
Animated Icons turns Lucide, Heroicons, and Iconoir into two-tone icon packs with hover animations driven entirely by CSS. It ships React, Vue, Svelte, Solid, Web Components, and standalone SVG outputs, so teams can drop it into most frontend stacks without JS animation overhead.
// ANALYSIS
This is a smart, pragmatic release: instead of another flashy icon library, it automates the boring part of making icons feel alive across frameworks.
- –The scale matters: 3,640 icons across three popular sets is enough to be genuinely useful, not just a demo
- –CSS-only hover transitions keep bundles lighter and avoid a dependency on animation runtimes like Framer Motion
- –Multi-framework output plus Web Components makes the library easy to adopt in mixed codebases
- –The default state stays fully visible, so the animations add polish without hurting usability
- –The tradeoff is that this is mostly a hover affordance, so it’s best for desktop-first UI moments rather than motion-heavy experiences
// TAGS
open-sourcedevtoolautomationanimated-icons
DISCOVERED
80d ago
2026-03-21
PUBLISHED
80d ago
2026-03-21
RELEVANCE
5/ 10
AUTHOR
Github Awesome
