Hey devs 👋,
Tired of boring static icons? AnimateIcons is here!
A sleek React library that transforms SVGs into smooth, purposeful animations — lightweight, customizable, and built with motion/react.
✨ Features:
<ul>
<li>130+ animated icons</li>
<li>Works with React &amp; Next.js</li>
<li>Easy control (hover or programmatic)</li>
<li>ShadCN CLI integration</li>
</ul>
👉 Check it out: <a href="https://animateicons.vercel.app/" target="_blank" rel="noopener nofollow">https://animateicons.vercel.app/</a>
Make your UI pop ✨ — because icons shouldn’t just sit there, they should move with purpose!

The Squad is compose  of multiple aspiring DEVS that is eager to learn new things and willing to improve their skills.

CyberVerse

AnimateIcons is a React library that transforms static SVG icons into smooth animations. It offers 130+ animated icons, works with React and Next.js, supports hover and programmatic control, and integrates with ShadCN CLI. The library is lightweight, customizable, and built with motion/react for creating more engaging user interfaces.

Static is boring — animate your icons 🎯

As far as you now, is there a non-react (ideally vanilla js) version of this libary?