--- title: Free open-source animated icon library for React (shadcn... description: AnimateIcons is a free open-source library providing animated SVG icons for React applications. It offers smooth animations powered by motion, integrates with... canonical: https://daily.dev/posts/free-open-source-animated-icon-library-for-react-shadcn-compatible--aaxvb6dgr twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Free open-source animated icon library for React (shadcn compatible) | daily.dev og:description: AnimateIcons is a free open-source library providing animated SVG icons for React applications. It offers smooth animations powered by motion, integrates with... og:url: https://daily.dev/posts/free-open-source-animated-icon-library-for-react-shadcn-compatible--aaxvb6dgr og:image: https://api.daily.dev/og/posts/AAxVB6DGr.png og:image:alt: Free open-source animated icon library for React (shadcn compatible) 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. # Free open-source animated icon library for React (shadcn compatible) **[All ShadCN](https://daily.dev/sources/allshadcn)** · [@avijit07x](https://daily.dev/avijit07x) · 1 min read · 6 upvotes · 0 comments ## Summary 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. ## Content I built **AnimateIcons** – a free open-source animated SVG icon library for React. It’s designed for modern apps that need lightweight micro-interactions without heavy animation libraries. ## Features • Smooth animations powered by motion • Works with shadcn CLI • Lucide and Huge icon libraries • Install icons directly into your project • Fully customizable and lightweight ## Install example ``` pnpm dlx shadcn@latest add https://animateicons.in/r/lu-eye.json ``` ## Try it here https://animateicons.in --- Tags: [#react](https://daily.dev/tags/react), [#open-source](https://daily.dev/tags/open-source), [#svg](https://daily.dev/tags/svg) [View this post on daily.dev](https://daily.dev/posts/free-open-source-animated-icon-library-for-react-shadcn-compatible--aaxvb6dgr) ```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/free-open-source-animated-icon-library-for-react-shadcn-compatible--aaxvb6dgr","headline":"Free open-source animated icon library for React (shadcn compatible)","text":"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.","url":"https://daily.dev/posts/free-open-source-animated-icon-library-for-react-shadcn-compatible--aaxvb6dgr","datePublished":"2026-02-17T11:14:35.372Z","dateModified":"2026-02-17T11:15:22.236Z","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":3790}},"image":"https://media.daily.dev/image/upload/s--TgYejar7--/f_auto/v1771314664/posts/ruEuhKB0y?_a=BAMAMiiu0","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":6},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"isPartOf":{"@type":"WebPage","url":"https://daily.dev/squads/allshadcn","name":"All ShadCN"}} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"All ShadCN","item":"https://daily.dev/squads/allshadcn"},{"@type":"ListItem","position":3,"name":"Free open-source animated icon library for React (shadcn compatible)"}]} ```