lucide-animated
lucide-animated is an MIT-licensed animated React icon library built on Lucide and Motion, distributed as shadcn-installable source components plus agent-readable docs.
Correction
The older version of this page incorrectly mapped @UiSavior's 2026-05-15 "263+ open source animated icons" bookmark to lucide-animated. The reviewed local media for that bookmark clearly shows Its Hover: the page header says "static icons feel dead now," the site branding is itshover, and the install command uses https://itshover.com/r/plug-connected-icon.json. Route that bookmark to Its Hover, not this page. Source: X/@UiSavior and local video review, 2026-07-04
What It Is
lucide-animated is pqoqubbw/icons: animated React + TypeScript icon components visually based on Lucide and powered by Motion. The public docs expose 435+ icons, shadcn CLI install URLs, llms.txt, llms-full.txt, an agent skill.md, and an MCP endpoint with search_icons, list_icons, and get_icon tools. Source: lucide-animated docs, 2026-07-04
Install one icon at a time via the shadcn CLI, for example npx shadcn@latest add "https://lucide-animated.com/r/<icon-name>.json". That drops an editable source component into the app instead of adding an opaque runtime icon pack. Source: lucide-animated docs, 2026-07-04
As of 2026-07-04, GitHub pqoqubbw/icons is MIT licensed, has 7,740 stars and 271 forks, uses main as the default branch, and had no public release tags returned by git ls-remote --tags. Use the repository head/site docs as source authority rather than a package version. Source: GitHub API and git ls-remote, 2026-07-04
Do not conflate this source with Its Hover. Both use similar animated-icon language and shadcn-installable React source components, but they differ in license, count, source repo, visual style, and agent-readable docs. Use the one whose style and installation route fit the product. Source: Its Hover source review, 2026-07-04
Stack fit (Kevin)
- The shadcn-registry install model matches Kevin's shadcn + Tailwind +
cn()workflow — icons land as owned source files, not a locked runtime dependency. See Shadcn Registry Directory (Top Blocks). - Built on Motion, the same engine behind Frontend and Design Skills; hover animations are editable React, so they fold into the taste-* polish passes rather than staying opaque assets.
- The MCP server +
skill.mdmake it agent-installable, fitting Kevin's agent-native tooling. - Complements motion assets from Frontend and Design Skills and the Frontend and Design Skills (Magic UI + React Bits) for micro-interactions, loading, and status states. Catalog under Design Engineering Resources.
- Plain SVG-forwarding components mean stroke, size, and color tune with the same Tailwind utilities as the rest of the UI — no separate icon-theming layer.
Timeline
- 2026-07-04 | Corrected the source mapping: the @UiSavior 2026-05-15 artifact is Its Hover, not lucide-animated. Reframed this page as the lucide-animated /
pqoqubbw/iconssource page and refreshed the current repository snapshot. Source: X/@UiSavior and local video review, 2026-07-04; Source: GitHubpqoqubbw/icons, 2026-07-04 - 2026-06-13 | Quality remediation: identified the library as pqoqubbw/icons (lucide-animated) — MIT, React + Motion + Lucide, shadcn-CLI install, MCP server, now 435 icons. Source: https://lucide-animated.com
- 2026-05-15 | Historical source-mapping note: this page previously treated @UiSavior's "263+ open source animated icons" bookmark as lucide-animated evidence, but the 2026-07-04 artifact review supersedes that mapping and routes the bookmark to Its Hover. Source: X/@UiSavior, 2026-05-15
- 2026-06-30 | Added disambiguation from Its Hover, another shadcn-installable animated icon library surfaced by Kevin's X bookmarks. Source: X/@abhijitwt, 2026-06-27