• kevincox@lemmy.mlM
    link
    fedilink
    arrow-up
    4
    ·
    16 days ago

    Why are these TypeScript + JSX rather than just SVGs? It seems that the paths are defined as SVG but they are using some JavaScript framework to define the animations rather than just using SVG or CSS animations.

    • SirQuackTheDuck@lemmy.world
      link
      fedilink
      arrow-up
      4
      ·
      edit-2
      16 days ago

      Because they’re using events and downloading a few megabytes of extra javascript framework is, of course, a way better option than six lines of SVG stylesheets.

      Edit: forgot a /s

    • atyaz [he/him]@hexbear.net
      link
      fedilink
      arrow-up
      1
      ·
      15 days ago

      It’s jsx which is framework agnostic and used in several frameworks but most closely associated with react. It’s easy to convert to html but I guess the author is a react dev and also these icons use framer-motion which is a react animation library to animate the cursor hover. Looks like you can strip those out if you wanted to use these icons in html without animations.

  • HatchetHaro@lemmy.blahaj.zone
    link
    fedilink
    arrow-up
    0
    ·
    16 days ago

    a lot of these are terrible, made by an animator who doesn’t understand design and just wants to make lines move for the heck of it.

    • Urist@lemmy.ml
      link
      fedilink
      English
      arrow-up
      0
      ·
      16 days ago

      They made me want to click each of them. So am I allowed to consider them nice, or is your “professional” opinion going to be the judgement of that?

        • Urist@lemmy.ml
          link
          fedilink
          English
          arrow-up
          0
          ·
          15 days ago

          No, I am essentially asking why they suck if a common user, such as me, likes them. Seems they fulfilled their purpose?

          • HatchetHaro@lemmy.blahaj.zone
            link
            fedilink
            arrow-up
            0
            ·
            15 days ago

            Then that is your opinion and you are entitled to it.

            I do not like them because the animations are arbitrary, with no proper theme and consistency to how they work and what they actually represent.

            • Urist@lemmy.ml
              link
              fedilink
              English
              arrow-up
              1
              ·
              15 days ago

              I know I am. I am also entitled to challenge your notion of “this is terrible” that is not really constructive to

              I do not like them because the animations are arbitrary, with no proper theme and consistency to how they work and what they actually represent.

              This is actually informative.

    • Katherine@discuss.tchncs.de
      link
      fedilink
      arrow-up
      0
      ·
      16 days ago

      Since you hold a strong opinion on the quality, can you give an example of an animated icon pack which keeps to good design standards?