evolabs

Would love to know your thoughts on this one, cheers.

Looks pretty cool!

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!

Absolutely!

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 :)

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

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

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.