I built @animateicons/react, an npm package for animated Lucide-style icons in React.
The goal is simple: make it easy to add small motion details to buttons, menus, dashboards, landing pages, and product UIs without building custom SVG animations from scratch.
<h2>Install</h2>
<pre><code>pnpm add @animateicons/react
</code></pre>
<h2>Usage</h2>
<pre><code>import { EyeIcon } from &quot;@animateicons/react/lucide&quot;;

export default function Example() {
 return &lt;EyeIcon size={24} color=&quot;#f45b48&quot; /&gt;;
}
</code></pre>
<h2>Useful for</h2>
<ul>
<li>React apps</li>
<li>Dashboards</li>
<li>Landing pages</li>
<li>Design systems</li>
<li>Component libraries</li>
</ul>
<h2>Links</h2>
<ul>
<li>Docs: <a href="https://animateicons.in/icons/docs" target="_blank" rel="noopener nofollow">https://animateicons.in/icons/docs</a></li>
<li>Package: <a href="https://www.npmjs.com/package/@animateicons/react" target="_blank" rel="noopener nofollow">https://www.npmjs.com/package/@animateicons/react</a></li>
<li>GitHub: <a href="https://github.com/Avijit07x/animateicons" target="_blank" rel="noopener nofollow">https://github.com/Avijit07x/animateicons</a></li>
</ul>
I’d appreciate feedback on the package API, import experience, and docs clarity.

Pizza

The official Open Source daily.dev Squad. 

Open Source

@animateicons/react is a new npm package providing animated Lucide-style icons for React applications. It aims to simplify adding motion details to buttons, menus, dashboards, and landing pages without building custom SVG animations from scratch. Installation is via pnpm/npm and usage follows a straightforward named import pattern from the package.

Animated icons for React, without the setup pain

Thanks for giving useful information… That’s very informative for me

Looks cool and amazing. Will definitely try it.