Lucide Animated

467 MIT Lucide icons that animate on hover, with a markdown page for every icon and a skill file written for an agent

Tier S · Best in classIcon SetAnimation LibraryRegistryAgent Skilllucide-animated.com

(Visit lucide-animated.com ↗)(Docs)(Repository)(Registry)

Lucide Animated (formerly pqoqubbw/icons) is a set of 466 Lucide icons rebuilt as TypeScript React components that animate on hover using Motion. Each icon is installed individually through the shadcn CLI from a per-icon registry JSON, lands in your own component folder, and accepts normal SVG props like className and onClick. It is MIT licensed and free for commercial use, with an MCP server at /mcp for agent clients and community ports to Svelte, Vue, Angular and Flutter. Use it for interface accents — nav items, buttons, toggles — not as a general-purpose icon set. Since the last check the project moved to its own domain: icons.pqoqubbw.dev now redirects to lucide-animated.com. The count rose from 466 icons to 467, and the repository went from 7,957 stars to 7,997. The larger change is the documentation. The site now publishes an llms.txt index, an llms-full.txt corpus of 39 KB, a nested icon index at /icons/llms.txt, a markdown page for every single icon at /icons/<name>.md, markdown versions of the site pages at /index.md and /sponsorship.md, and a skill.md written as a real agent skill with name and description frontmatter. No other icon set in this corpus documents itself that way.

Install

npx shadcn@latest add "https://lucide-animated.com/r/activity.json"

For an agent

Read https://lucide-animated.com/skill.md first. It is a real agent skill with frontmatter, and it states the whole operating procedure in one page. Address one icon directly at /icons/<name>.md in kebab case, for example /icons/activity.md. That returns about 1.4 KB, so an agent reads one icon instead of the catalogue. Pick the index that fits the context window. /llms.txt is a 2.7 KB map, /icons/llms.txt is a 32 KB icon list, and /llms-full.txt is a 39 KB corpus. Do not fetch the corpus when the map answers the question. Pair this with plain Lucide rather than replacing it: install animated versions only for the handful of icons a user actually hovers or toggles, because each one is a separate copy-pasted component file plus a Motion dependency, and 466 of them would bloat the bundle badly. Install per icon with the registry URL pattern `https://lucide-animated.com/r/<icon-name>.json`, or point an MCP-capable client at `https://lucide-animated.com/mcp` to look names up. The animations are hover-triggered and the site makes no reduced-motion guarantee, so wrap them yourself if the project claims WCAG compliance.

Why it is here. It solved animated icons the way shadcn solved components — as owned source files installed per item rather than a package — and became the default answer for the problem, with 8k stars and an MCP server.

Install command, framework, licence and component list.

Facts

License: MIT
Pricing: Free, Open source
Framework: React
Styling: Not applicable
Distribution: shadcn registry, CLI installer, Copy-paste snippet, GitHub repository, MCP server
Platform: Web
Content type: Icons, Code
Agent readiness: Structured documentation, llms.txt, Agent skill or rules pack, MCP server, Machine-readable registry item, CLI installable, Copy-paste ready code, Readable open source
Accessibility: Unknown
Maturity: Actively maintained
GitHub stars: 7,997

Components it ships

Icon Animation Hover Effect

Helps you build

Tab Bar Navigation Command Palette Settings Web App Homepage

Notable for

467 animated icons, MIT licensed
skill.md written as a real agent skill
markdown page for every icon
MCP server and per-icon registry install
7,997 GitHub stars

Provenance

Verified 2026-08-29. HTTP 200. Re-checked 2026-08-29. https://icons.pqoqubbw.dev now 200-redirects to https://lucide-animated.com/, so this record names the new canonical domain. https://lucide-animated.com/ 200, 154 KB; title "lucide-animated | Free Animated React Icons Library"; the page reads "an open-source (MIT License) collection of smooth animated icons" and "Crafted with Motion & Lucide", shows `pnpm dlx shadcn add @lucide-animated/a-arrow-down` with npm, pnpm, yarn and bun tabs, and credits "dmytro, creator of lucide-animated". /llms.txt 200 at 2,680 bytes: "Open-source collection of 467+ beautifully crafted animated React icons based on Lucide, powered by Motion. MIT licensed and copy-paste ready", linking /index.md, /sponsorship.md, /skill.md as "Agent Skill — Operating guide", /llms-full.txt and /icons/llms.txt as "Full list of 467 animated icons with per-icon markdown links". /skill.md 200 at 2,689 bytes, opening with the frontmatter `name: lucide-animated` and stating "An MCP server is available at /mcp". /llms-full.txt 200 at 38,978 bytes, /icons/llms.txt 200 at 32,359 bytes, /icons/activity.md 200 at 1,447 bytes, /index.md 200 at 4,645 bytes, /sitemap.xml 200 with 469 URLs, /robots.txt 200. /mcp answers 406 to a GET, consistent with a content-negotiated MCP endpoint. index.md states the CLI "drops a single React component file into components/icons/<icon-name>.tsx and adds motion to dependencies if missing". GitHub API for pqoqubbw/icons: 7,997 stars, 279 forks, MIT, pushed 2026-08-22, homepage https://lucide-animated.com. Earlier check (2026-08-15): https://icons.pqoqubbw.dev (307 -> lucide-animated.com), https://lucide-animated.com/, https://github.com/pqoqubbw/icons, https://api.github.com/repos/pqoqubbw/icons

Also in Icons & Logos

lucide-animated.comTier S