Question 1

What is lucide-animated?

Accepted Answer

lucide-animated is a free, open-source library of 350+ beautifully crafted animated React icons. Built with Motion library and based on Lucide icons.

Question 2

How do I install lucide-animated icons?

Accepted Answer

You can install icons using npx shadcn@latest add "https://lucide-animated.com/r/{icon-name}.json". Replace {icon-name} with the desired icon name in kebab-case.

Question 3

Is lucide-animated free to use?

Accepted Answer

Yes! lucide-animated is completely free and open-source under the MIT license. You can use it for personal and commercial projects.

Question 4

What technologies are used in lucide-animated?

Accepted Answer

lucide-animated icons are React components written in TypeScript. Animations are powered by Motion (formerly Framer Motion), and the icons are based on Lucide.

CircleDashedIcon

Keywords