--- title: Lucide-based Animated Icons (Open Source, shadcn/ui CLI) description: AnimateIcons is an open-source collection of 200+ animated SVG icons built on the Lucide design language. The library integrates with shadcn/ui CLI, provides... canonical: https://daily.dev/posts/lucide-based-animated-icons-open-source-shadcn-ui-cli--fffazuawh twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Lucide-based Animated Icons (Open Source, shadcn/ui CLI) | daily.dev og:description: AnimateIcons is an open-source collection of 200+ animated SVG icons built on the Lucide design language. The library integrates with shadcn/ui CLI, provides... og:url: https://daily.dev/posts/lucide-based-animated-icons-open-source-shadcn-ui-cli--fffazuawh og:image: https://api.daily.dev/og/posts/ffFaZUaWH.png og:image:alt: Lucide-based Animated Icons (Open Source, shadcn/ui CLI) og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Lucide-based Animated Icons (Open Source, shadcn/ui CLI) **[Open Source](https://daily.dev/sources/opensourcesquad)** · [@avijit07x](https://daily.dev/avijit07x) · 1 min read · 30 upvotes · 2 comments ## Summary AnimateIcons is an open-source collection of 200+ animated SVG icons built on the Lucide design language. The library integrates with shadcn/ui CLI, provides smooth lightweight animations using motion, and focuses on clean UI micro-interactions for React applications. The project is actively seeking community feedback and contributions. ## Content Sharing an open-source project I’ve been working on. **AnimateIcons** is a collection of **200+ animated SVG icons** built on top of the **Lucide design language**, focused on clean UI micro-interactions for modern applications. **Features** - Clean, minimal, Lucide-consistent icon design - Smooth and lightweight SVG animations - 200+ icons and growing - Installs directly via the **shadcn/ui CLI** - Designed for modern React applications - Uses motion for smooth, lightweight animations **Feedback** Feedback and suggestions are very welcome. Link: https://animateicons.in Github: https://github.com/Avijit07x/animateicons ## Community discussion Top comments from developers on daily.dev. **@confidentcoding** · 1 upvotes > Beautiful. I love these! --- Tags: [#react](https://daily.dev/tags/react), [#open-source](https://daily.dev/tags/open-source), [#ui-design](https://daily.dev/tags/ui-design), [#svg](https://daily.dev/tags/svg) [View this post on daily.dev](https://daily.dev/posts/lucide-based-animated-icons-open-source-shadcn-ui-cli--fffazuawh) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"DiscussionForumPosting","mainEntityOfPage":"https://daily.dev/posts/lucide-based-animated-icons-open-source-shadcn-ui-cli--fffazuawh","headline":"Lucide-based Animated Icons (Open Source, shadcn/ui CLI)","text":"AnimateIcons is an open-source collection of 200+ animated SVG icons built on the Lucide design language. The library integrates with shadcn/ui CLI, provides smooth lightweight animations using motion, and focuses on clean UI micro-interactions for React applications. The project is actively seeking community feedback and contributions.","url":"https://daily.dev/posts/lucide-based-animated-icons-open-source-shadcn-ui-cli--fffazuawh","datePublished":"2026-01-18T18:47:12.340Z","dateModified":"2026-01-18T18:47:25.914Z","author":{"@type":"Person","name":"Avijit Dey","url":"https://daily.dev/avijit07x","image":"https://media.daily.dev/image/upload/s--zvM20pRl--/f_auto/v1769233995/avatars/avatar_uLLwwN37zSiLLjpRGbshI?_a=BAMAMiiu0","description":"Web Dev Enthusiast | React | Next.js | Python | Freelancer","interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"EndorseAction"},"userInteractionCount":3780}},"image":"https://media.daily.dev/image/upload/s--ukQtujcE--/f_auto/v1768725780/posts/80i6HNR0M?_a=BAMAMiiu0","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":30},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":2}],"comment":[{"@type":"Comment","text":"Beautiful. I love these!","datePublished":"2026-01-19T15:06:18.488Z","url":"https://daily.dev/posts/ffFaZUaWH#c-zYGJAHbUl","author":{"@type":"Person","name":"Lars Faye | Confident Coding","url":"https://daily.dev/confidentcoding","image":"https://media.daily.dev/image/upload/s--OGZu5DEc--/f_auto/v1772569630/avatars/avatar_umWZ9aQAng34qk5aaJl2q?_a=BAMAMiiu0"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}}],"isPartOf":{"@type":"WebPage","url":"https://daily.dev/squads/opensourcesquad","name":"Open Source"}} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Open Source","item":"https://daily.dev/squads/opensourcesquad"},{"@type":"ListItem","position":3,"name":"Lucide-based Animated Icons (Open Source, shadcn/ui CLI)"}]} ```