Show HN: Free animated icon library for Vue

  • Posted 3 days ago by evolabs
  • 50 points
https://respeak-io.github.io/lucide-motion-vue/
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 agents

Finally, the repo also contains a "forge". With this, you can

a) 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 click

We'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!

9 comments

    Loading..
    Loading..
    Loading..
    Loading..
    Loading..
    Loading..
    Loading..
    Loading..
    Loading..