<p>I built <strong>AnimateIcons</strong> – a free open-source animated SVG icon library for React.</p>
<p>It’s designed for modern apps that need lightweight micro-interactions without heavy animation libraries.</p>
<h2>Features</h2>
<p>• Smooth animations powered by motion</p>
<p>• Works with shadcn CLI</p>
<p>• Lucide and Huge icon libraries</p>
<p>• Install icons directly into your project</p>
<p>• Fully customizable and lightweight</p>
<h2>Install example</h2>
<pre><code><span class="hljs-attribute">pnpm</span> dlx shadcn<span class="hljs-variable">@latest</span> add https://animateicons.in/r/lu-eye.json
</code></pre>
<h2>Try it here</h2>
<p><a href="https://animateicons.in" target="_blank" rel="noopener nofollow">https://animateicons.in</a></p>


Avijit Dey

AnimateIcons is a free open-source library providing animated SVG icons for React applications. It offers smooth animations powered by motion, integrates with shadcn CLI for easy installation, includes Lucide and Huge icon libraries, and is fully customizable and lightweight. Icons can be installed directly into projects using a simple command.

Free open-source animated icon library for React (shadcn compatible)

<p>TIL; My settings in windows turns on the css reduce motions so I’ve been missing out on things for years if sites coded for this. I turn this off in windows because I prefer the instant snappy experience and had never guessed it would translate into the browser I’m using.</p>
<p>Thanks to this site for showing a message saying I was using reduced motions…</p>


<p>i also made similar like this <a href="https://an-icon.vercel.app" target="_blank" rel="noopener nofollow">anicon</a></p>
