Follow-up based on your feedback: I added a no-JS "copy as code" option for variant that produce faithfully in plain CSS, some things dont work like this as mentioned before, but atleast many icons & animations can now be used even without the lib. Also fixed the mobile Back button. Thanks for the feedback!

Good idea, might also make it easier to pick icons / see whats there already and what might need more work (if it makes sense based on the icon, as you mentioned)

Fair, will adjust :D Didn't test too much on mobile tbh

Nice. Yeah, I was checking it out while drinking my coffee and thought I'd share the impact of the experience, because I'm sure you'd like folks to hang around and check it out more!

Absolutely!

For a subset, definitly. Anything that's just transform/opacity/stroke-draw can be done.

However, this works only for hover animations then, I believe. The library also provides other triggers.

And some icons use springs, where when you hover away mid-animation it settles "smoothly".

But yes, I can defs add a no JS option for selected icons :)

Thanks and noted!

I can add something like this, limited to "simple" animations, tho. Transform, opacity, stroke-draw ones should work, then you'd need zero dependencies. Everything that uses spring, path-morph or state-driven animation likely cant be flattened to static code.

Oh and only the hover trigger would be usable that way, not the others.

Most of the animations so far are ported from pqoqubbw/icons and github.com/imskyleen/animate-ui, I'm planning to add more complex / meaningful animations as new variants in the future :) always happy to know which icons are most relevant for that.

Thanks! Great to learn about other new icons libs, too

Thank you for the response!

To clarify, are you the author of the animations, or is it anyone/anything else as LLM, as the Claude used?

It seems like some look like of artists' Elliot Sutton (imskyleen at GitHub) and/or and dmytro (pqoqubbw at GitHub).

Oh... and the animation ease effect of rating items is also of dmytro's, isn'it it? It may be seen at:

- https://lucide-animated.com/

In this case, what is the main reason of your/LLMs project, if I may ask? What does it provide the aforementioned don't?

// ----- Edit (+20m)

I see, your project is a port to Vue you started:

- https://github.com/imskyleen/animate-ui/discussions/178

Relatively similar to projects as RadixVue, ShadcnVue, and the following:

- https://github.com/iloomilo/itshover-vue

Just in case, the aforementioned `icones.js.com` is not "new", but a project of Vue Community, initiated by Anthony Fu (antfu at GitHub), who is a member of the Vue core Team.

Regardless, though I don't appreciate use of LLMs (and presenting its output as personal work/effort), I appreciate you heartfelt for the added support for the ineffably marvelous Vue!

Lot to unpack in the comment, but maybe to clarify from my end >

I'm not the author of most of the animations so far, only a tiny fraction is remade as of now, I just started building tooling for me to develop new / more useful animations or animations for icons that dont exist yet from the lucide lib.

The majority of animations was ported from animate-ui and lucide-animated (github.com/imskyleen/animate-ui, lucide-animated.com), mentioned in the attributions, also visiable on the bottom of each icon page.

The reason I worked on this was that these components were built for react, and we're on vue for all of our work projects (and I use vue for my private ones, too).

Then I added additional QoL features to make the icons easy to use, not conflict with static lucide icons you might already use, and fix various animation bugs I encountered.

Not possible time-wise without LLMs here, for this project I see them mostly as an enabler to make this possible :)

Hi! Thanks for checking it out and for the specific examples. I agree, many of the animations are quite basic, will put this on the agenda for improvement. The library already supports multiple variants, so the new animations can be added without breaking existing usage.