Stolen Buttons

(anatolyzenkov.com)

286 points | by Gecko4072 5 days ago

30 comments

  • donohoe 58 minutes ago
    I have noticed on occasion websites with a missing button. Now I know what happened. Finally, closure.
  • moritzwarhier 6 minutes ago
    [delayed]
  • culi 21 minutes ago
    Button components across major component galleries:

    https://component.gallery/components/button/

  • input_sh 3 hours ago
    Too bad they're just static, as the website doesn't copy the hover state or the on-click animations.
  • binaryturtle 3 hours ago
    I may have missed one by looking at this huge dump, but NONE of the "buttons" I saw there actually looked/felt like a button. Something I can feel that I press it down and it gives proper visual feedback, like a little 3D effect.

    I'm old-school. :)

    • nielssp 2 hours ago
      You might like this: https://nielssp.dk/guis/buttons
      • reaperducer 1 hour ago
        So interesting to see the contrast between OSX and Windows in 2001.

        No wonder OSX felt like the future.

        I miss the future.

        • bhaak 1 hour ago
          For me the 2001 OSX looks wishy washy and does not have a professional look.
          • RattlesnakeJake 54 minutes ago
            Conversely, I want those old candy Aqua buttons back. They were kitschy, but I loved them.

            I'd say the same for the scrollbars, but these days I'd settle for reverting to them being visible at all times.

            • customguy 39 minutes ago
              I believe in the KDE / Magic User Interface way, users should decide what they want a button or a checkbox etc. to look like, and then everything should conform to that.

              And if you really wanted to, maybe made some concessions, and were clever about it, you could maybe find a way so that users define shapes and functionality and a default light/dark color scheme, but applications could still use the "user style" with their own color scheme, and allow the user to switch between that and the user defined colors.

              It would also have the side effect of ejecting the people who just change things to make their mark. There is no more mark to make! Except making the "style configurator" for the user better, collaborating on expanding the protocol shared between it and websites/applications. You can invent a new type of button, put it on the pile, and hope it becomes one of the higher rated ones that gets downloaded and used a lot, on any OS, in any application or website. That will be a lot less interesting for hack frauds, and software interfaces can finally become awesome and then just better from there.

      • Kuyawa 1 hour ago
        Ubuntu 2020 wins, only one dark themed
        • inigyou 42 minutes ago
          Dark themes are for people who can't lower their screen brightness.
      • binaryturtle 1 hour ago
        A few really nice buttons there, indeed. :)
      • pimlottc 41 minutes ago
        What, no BeOS?! :)
    • QuantumNomad_ 2 hours ago
      I see a couple that look like buttons to me, like a yellow Donate button and a green Learn More button.

      I agree that most of the other ones don’t look very button like to me either. But even so I would probably understand that most of them were buttons when I saw them in context on a page.

      The flat style has been around for a while now, so I’ve gotten used to it even though when I started using computers it was on Windows 95 with the grey rectangular buttons with shaded sides that give them the “3d effect”.

      And even flat style buttons often have changes when you hover and click, but it seems that they didn’t copy that part on this button collection page.

      • harpiaharpyja 2 hours ago
        They didn't copy any hold/hover states which is too bad, those are an integral part of a button IMO
    • madibo3156 2 hours ago
      It sounds like you're talking about the "gloss" era with "juicy" buttons, which some people are retroactively referring to as Frutiger Aero. Yes, things definitely look more 3D in that design. It's currently considered out of mainstream fashion, which explains the lack. Will it resurge?
    • jonwinstanley 1 hour ago
      Web 2.0 was fun :-)
  • amelius 3 hours ago
    For inspiration, I prefer this one:

    https://uiverse.io/buttons

    • Gualdrapo 2 hours ago
      • busymom0 37 minutes ago
        Doesn't work for me at all on iOS Safari?
      • reaperducer 1 hour ago
        That's the only interesting one. The rest are a snoozefest of corporate mediocrity.
    • Jaxan 59 minutes ago
      Oh this reminds me that we used to create buttons for navigation in flash!
    • anon7000 2 hours ago
      I don’t think it’s for animation, it’s to collect all the different buttons seen in the wild
    • jstanley 2 hours ago
      Is it just me or are these almost all terrible?

      Almost all of them are animated, move when hovered, move when clicked, or sometimes all three. Just awful. LLMs keep making buttons like this and I keep telling them not to.

  • jonathrg 1 hour ago
    That's rude. Give them back
  • JSR_FDED 1 hour ago
    Surprising how not one of these made my heart beat faster.
    • michaelt 1 hour ago
      None of them push your buttons, huh?
  • a1o 1 hour ago
    Are we in flat design for way too long or is this a recent idea and the collection is also very recent?
  • thih9 2 hours ago
    I wish there was a way to exclude the plain ones (single color rectangle with rounded corners and text).
    • dozerly 16 minutes ago
      It would be cool to classify and categorize them so you could filter by attributes
  • armchairhacker 49 minutes ago
    You're visiting boring websites. I only saw one barely skeuomorphic button
  • sshasan 1 hour ago
    Oh wow! Curious if you have the collection indexed by the year/month you picked it. Would love to see how button designs and types have changed over the years.
  • Waterluvian 3 hours ago
    Is this as easy as calling getComputedStyle on a target element or is there more to it? I love the idea and I want to experiment with automating similar.
  • bnj 1 hour ago
    Great, how are we supposed to use those websites now? No wonder web is breaking down
  • finger 3 hours ago
    It would be interesting if it was possible to sort them by similarity, width, height, shape, color, etc.
  • joncooper 57 minutes ago
    You made my day. What a joyful, weird, fun projec!
    • nate 54 minutes ago
      for sure. every day i come here hoping for something like this. something like the old milliondollarhomepage kind of things. i miss that stuff :)
  • t-sauer 1 hour ago
    610 buttons are anchor elements, and only 285 are actually real buttons.
  • nine_k 44 minutes ago
    So few of them look clickable.
  • wuhhh 3 hours ago
    I can’t look, so many arrows poorly aligned with text - how can these developers live with themselves!
    • Aardwolf 3 hours ago
      What is one to do? Unicode has dozens of arrows for each direction, but each of them has its height compared to the text rendered differently depending on font or platform
      • matteason 3 hours ago
        They're usually done with SVGs or CSS pseudoelements (a clip-path polygon or borders and rotation) rather than Unicode arrows
        • wuhhh 2 hours ago
          Exactly, text content goes in a <span>, icon is an <svg>, flex align items center on the wrapper gets you close, nudge the icon to perfection with transform: translate
          • reaperducer 1 hour ago
            And then the line wraps.
            • wuhhh 1 hour ago
              Alright I’ll take the bait, flex shrink none on the svg, white space no wrap on the text
  • Retr0id 3 hours ago
    Interesting choice to hotlink all the images! The side-effect is that some are dead now.
  • hmokiguess 3 hours ago
    You should deduplicate and offer a cluster view with similarity distance
  • khazhoux 54 minutes ago
    Can anyone comment on the legality of this? By the number I see, this would no longer be classified as simple possession, but likely as intent to distribute.
  • iefbr14 2 hours ago
    It reminds me a bit of the toolbar mania in the nineties :)
  • aghilmort 3 hours ago
    this is really great like collecting bottle caps except is buttons
  • thomasfl 3 hours ago
    So many different looking buttons. Wish there were more standards.
    • dandellion 3 hours ago
      There are only like three or four that aren't just flat buttons with a different border radius and colour. If this had been done in the mid 2000s it would have hundreds of entirely different looking buttons. Glassy buttons, metal buttons, glowing buttons, pixel art buttons, cartoon buttons, etc.
      • echelon 3 hours ago
        A better time. Before flat material lameness and Corporate Memphis.
    • dev1ycan 1 hour ago
      Yeah, let's take the remaining fun out of the web, everything needs to be gray and plain.
    • echelon 3 hours ago
      It's called design and thank god everything isn't the same.

      Gtk has some nice standard looking buttons for you. You know how those look, and I'm pretty sure you don't want that.

      Think to when "UI experts" impose edicts from top down, such as "flat design" or "material". Are you really happy about that?

      The fact that we're even looking in awe at this list is amazing. If everything were the same, this wouldn't even be interesting.

      This is fun and we need more of it in the world.

      • drdaeman 2 hours ago
        Lack of consistent system-wide UI and UX was my biggest gripe with GNU/Linux/X11 back in the day (‘90s, pre-Winamp era, other OSes had most apps with uniform look-and-feel) while I still cared about things like that.
  • codewiththiha 3 hours ago
    So this is basically the Thanos of web devs
  • 0x1ceb00da 1 hour ago
    Yoink
  • firasd 3 hours ago
    This is like the late 80s/early 90s cyberspace idea... Imagine you're walking through a 3D ramp and all these buttons are yelling at you from all over the atmosphere... Login here! Start here! Contact us...
  • modzu 1 hour ago
    none of them work
  • ninjahawk1 1 hour ago
    Very nice.

    Now let’s see Paul Allen’s buttons