Hacker News Reader

Hacker News

Comment by albert_e | Hacker News Reader

Parent Full thread

albert_e

I like the idea

Some examples need more work i think

"Database backup" has circular arrow spinning backwards

"Earth" shows lines being drawn -- instead i expected it to show an abstract spin of the globe

"Droplet" animates the outline draw. Expected a droplet that starts small and descends to become full size.

Same with "flame" -- should ideally be an animated flame licking up / whisps

"Copy" and "File Stack" -- the animation shown should ideally be reversed i think

"Git-branch" -- animation is wrong, doesn't show branching -- just drawing nodes and lines.

"Hand-grab" -- should start with open palm and then the grab.

Same with "hand-fist"

Many animations are simple zoom/enlarge - like those on right angle arrows are not serving a purpose

View on HN

Thank you for the great comment, the effort, and your view/experience shared!

The droplet is what I found unexpected, too, indeed. Yet, the overall ideas, including the reverse animations on rotating ones, with some funky ease, is purely genius, I believe...

If the actual animations/work are of hand of the Tim Rietz, the developer signed alongside Claude LLM, the they are a great artist!

Related: https://icones.js.org/

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.

Reply on news.ycombinator.com