# icons-animated

> Open-source animated icons installable via shadcn CLI for multiple frameworks

icons-animated is a collection of crafted animated icons built with Motion and based on icon sets like Lucide, Huge Icons, Phosphor, Tabler, and Heroicons. It allows developers to browse animations online and install individual icons directly into their web projects using the shadcn CLI registry. It supports React, Vue, and Svelte.

Website: https://github.com/ln-dev7/icons-animated

## What it is for

- Add animated micro-interactions to buttons, navigation, and toggles
- Install standalone animated icon components via shadcn CLI without full bundle bloat
- Switch animated icon styles across icon sets like Huge Icons, Tabler, and Heroicons

## Features

- shadcn CLI compatibility for fast installation into UI codebases
- Multi-framework support for React, Vue, and Svelte
- Multi-icon set support including Lucide, Huge Icons, Phosphor, Tabler, and Heroicons
- Web catalog for previewing hover and trigger animations before copying
- Built with Motion for fluid vector animations

## Pricing

Open source. Free and open source under the MIT license.

## Details

- Type: Web app
- Category: [Development](https://xiry.app/topics/development.md)
- Topic: [UI Components](https://xiry.app/topics/development/ui-components.md)
- Open source: yes
- Platforms: Web, Code library, Command line
- For: Frontend developers and designers building modern web apps
- Alternative to: lucide-animated, Lordicon, Lucide Icons
- Tags: icons, animated icons, shadcn, react, vue, svelte, motion

## Why it was saved

- [@ln_dev7, 15 January 2026](https://x.com/ln_dev7/status/2011839112806830542): Ready-made animated icons to drop into projects without hand-crafting animations.

## Compare

- [Alternatives to Lordicon](https://xiry.app/alternatives/lordicon.md)

## Related

- [shadcn/ui](https://xiry.app/resources/shadcn-ui-1902): Copy-paste React UI components built with Tailwind CSS and Radix primitives. (Website, Open source)
- [Efferd](https://xiry.app/resources/efferd): Pre-built, responsive shadcn/ui blocks and layouts for React applications (Web app, Freemium)
- [Motion](https://xiry.app/resources/motion): Open-source animation library for React, Vue, and vanilla JavaScript (Website, Freemium)
- [React Bits](https://xiry.app/resources/react-bits): Open-source animated and interactive React UI components and backgrounds (Website, Freemium)
- [21st.dev](https://xiry.app/resources/21st-dev): Curated directory of crafted React, Tailwind, and shadcn UI components. (Website, Freemium)
- [lucide-animated](https://xiry.app/resources/lucide-animated): Open-source animated React icons built with Lucide and Motion (Web app, Open source)

Updated 10 October 2026. Page: https://xiry.app/resources/icons-animated

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.