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>45+ 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!

A community for all things frontend! Share tips, tutorials, and resources on HTML, CSS, JavaScript, frameworks (React, Vue, Next js, Angular, and more), performance, UI/UX, and more. Let’s code, learn, and grow together! 🚀👩‍💻👨‍💻


All Frontend

AnimateIcons is a React library that transforms static SVG icons into smooth animations. It offers 45+ animated icons, works with React and Next.js, supports hover and programmatic control, and integrates with ShadCN CLI. The library aims to enhance user interfaces by adding purposeful motion to icons.

Static is boring — animate your icons 🎯

Great Job!
I love Shadcn copy option 🔥.

nice animations, but at 142 icons, can’t be used in real projects, because can’t find all the icons you need for a project. :(
I’m waiting to see more icons 😃