Lucide Motion Vue
535 animated Lucide icons for Vue 3 — drop-in, tree-shakeable, with hover, tap, and scroll-into-view triggers.
How the 6.6 was reached
- Quality of output4/10
Small adoption (56 stars, 2 forks); the catalog of 546 icons and 838 animations is the vendor's own description. github.com
- Ease of use7/10
Simple triggers (animateOnHover etc.), tree-shakable, copy-paste snippets, no markup refactor; docs site exists but no separate docs page. github.com
- Pricing value10/10
Completely free and open source with no paid dependency. github.com
- API and integration quality7/10
Built on Motion for Vue, ships a Nuxt module with auto-imports, SSR-safe, full TypeScript types. github.com
- Solves the problem it claims to solve5/10
Catalog matches the claim per the vendor, but independent evidence is only 56 stars; 'largest' is unverified. github.com
6.6/10 is the mean of the 5 criteria that apply. Scored on the five-criteria rubric v1, 29 September 2026. How scoring works
Pricing
- All 535 animated icons
- Full source access
- MIT license
- npm install
Key Features
- 535 animated variants of every Lucide icon
- Hover, tap, and in-view (scroll) animation triggers
- Tree-shakeable — only ships icons you import
- Drop-in replacement for lucide-vue-next
- Live gallery for previewing all animations
Pros & Cons
Pros
- Completely free and open source (MIT)
- Large icon count covers most UI needs out of the box
- Multiple trigger modes give UI polish with zero custom animation code
- Tree-shaking keeps bundle size minimal
Cons
- Vue 3 only — no React, Svelte, or Angular support
- Small community project with uncertain long-term maintenance
- Animation customization options not documented on homepage
- Depends on the Motion library, adding a peer dependency
Lucide Motion Vue is a genuinely useful free drop-in for Vue 3 projects that want polished animated icons without hand-rolling CSS transitions. The 535-icon count and three trigger types cover most UI patterns. The main limitation is Vue exclusivity — teams on other frameworks need to look elsewhere.
Try Lucide Motion Vue →Added to scored.tools on
Show this score
Free for any tool, at any score. It shows the live score, so it changes when the score does. Paste this where you want it:
<a href="https://scored.tools/tools/lucide-motion-vue/"><img src="https://scored.tools/badge/lucide-motion-vue.svg" alt="Lucide Motion Vue on scored.tools: 6.6/10" width="160" height="40"></a>Do you run Lucide Motion Vue? Claim this page to confirm the facts, correct one or respond. It is free and never changes the score.
Competitors to Lucide Motion Vue
Other tools in the coding category worth comparing.
