AnimateIcons is a modern React library with 150+ animated Lucide SVG icons, designed to make your UI feel dynamic and alive.
⚡ Why AnimateIcons?
<ul>
<li>150+ ready-to-use animated Lucide icons</li>
<li>Built with motion/react — smooth, lightweight, customizable</li>
<li>Works seamlessly with React &amp; Next.js</li>
<li>Hover triggers or full programmatic control</li>
<li>Integrates with ShadCN CLI for instant dev experience</li>
</ul>
🔗 Check it out: <a href="https://animateicons.vercel.app/" target="_blank" rel="noopener nofollow">https://animateicons.vercel.app/</a>
Make your design stand out — because icons shouldn’t just exist, they should move with intent.

Avijit Dey

AnimateIcons is a React library offering 150+ animated Lucide SVG icons built with motion/react. It provides hover triggers, programmatic control, and seamless integration with React, Next.js, and ShadCN CLI to create dynamic user interfaces with smooth, lightweight animations.

Stop Using Static Icons — Start Animating with AnimateIcons

<img src="https://media.daily.dev/image/upload/s--PGje3lIv--/f_auto/v1777767038/ugc/content_3123459e-5dd6-4430-a326-a5e79b50cc36?_a=BAMAMiWQ0" alt="3848.jpg">
It’s very time saving and interactive, even though don’t know where to find the sort buttons like A-Z, or by category