Show HN: Free animated icon library for Vue

(respeak-io.github.io)

29 points | by evolabs 3 days ago ago

6 comments

  • albert_e 4 hours ago

    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

    • serious_angel 4 hours ago

      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/

      • evolabs 4 hours ago

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

    • evolabs 4 hours ago

      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.

  • AltruisticGapHN an hour ago

    That's awesome. I wish there was like a "raw code" option like on many icons sites you can just copy the SVG.

  • evolabs 4 hours ago

    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.