Free animated icon library for Vue

Details

External ID

48395648

Source

HN

Company

—

Product

Free animated icon library for Vue

Website domain

github.io

Launched

June 4, 2026

Cohort

—

Upvotes

63

Upvotes percentile

0.869535519125683

Tags

—

Fetched at

Sept. 7, 2026, 9:26 p.m.

Updated at

Sept. 7, 2026, 9:26 p.m.

Description

Hi everyone!Tim here, maintainer of the lucide-motion-vue library. I build this as a way to use nice animated icons in my webapps. We were already on lucide, and found animate-ui animated icons as a great collection, unfortunately React only or made to be used with shadcn.So I ported the library to Vue, and combined it with another library (lucide-animated.com). As both libraries dont share the same animations and/or icons, this creates the largest animated icons library for vue that can be used from one source.Additionally, I've made several quality of live changes to make it easier to use the icons: - drop-in replacement for lucide icons, or use a seperate namespace if you want - several animation variants - easy to be used standalone or in buttons - several animation triggers - comprehensive overview, playground and docs page, comes with llms.txt to be used by agentsFinally, the repo also contains a "forge". With this, you cana) take any icon from the lucide library, or have ai suggest some b) autogenerate animations for these icons c) add them to the library with one clickWe'll use the forge over time to hopefully create animated variants for all of lucides icons, if these icons are useful to be animated.Looking forward to hear your feedback Cheers!

• Source listing
• Website