Surprising how not one of these made my heart beat faster.
input_sh 2 hours ago [-]
Too bad they're just static, as the website doesn't copy the hover state or the on-click animations.
dorianmariecom 1 hours ago [-]
:hover and :focus
there are others i think
binaryturtle 2 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.
So interesting to see the contrast between OSX and Windows in 2001.
No wonder OSX felt like the future.
I miss the future.
QuantumNomad_ 1 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 1 hours ago [-]
They didn't copy any hold/hover states which is too bad, those are an integral part of a button IMO
madibo3156 1 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?
That's the only interesting one. The rest are a snoozefest of corporate mediocrity.
anon7000 1 hours ago [-]
I don’t think it’s for animation, it’s to collect all the different buttons seen in the wild
jstanley 1 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.
thih9 49 minutes ago [-]
I wish there was a way to exclude the plain ones (single color rectangle with rounded corners and text).
finger 2 hours ago [-]
It would be interesting if it was possible to sort them by similarity, width, height, shape, color, etc.
Retr0id 2 hours ago [-]
Interesting choice to hotlink all the images! The side-effect is that some are dead now.
iefbr14 47 minutes ago [-]
It reminds me a bit of the toolbar mania in the nineties :)
wuhhh 2 hours ago [-]
I can’t look, so many arrows poorly aligned with text - how can these developers live with themselves!
Aardwolf 2 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 2 hours ago [-]
They're usually done with SVGs or CSS pseudoelements (a clip-path polygon or borders and rotation) rather than Unicode arrows
wuhhh 1 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 9 minutes ago [-]
And then the line wraps.
wuhhh 3 minutes ago [-]
Alright I’ll take the bait, flex shrink none on the svg, white space no wrap on the text
hmokiguess 2 hours ago [-]
You should deduplicate and offer a cluster view with similarity distance
Waterluvian 2 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.
Thanks. Gah I feel blind. I went back and it’s right there at the top
Gecko4072 1 hours ago [-]
Ha there were a few buttons on the page that might’ve been distracting lol
0x1ceb00da 23 minutes ago [-]
Yoink
ninjahawk1 7 minutes ago [-]
Very nice.
Now let’s see Paul Allen’s buttons
aghilmort 2 hours ago [-]
this is really great like collecting bottle caps except is buttons
codewiththiha 2 hours ago [-]
So this is basically the Thanos of web devs
thomasfl 2 hours ago [-]
So many different looking buttons. Wish there were more standards.
dandellion 2 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 2 hours ago [-]
A better time. Before flat material lameness and Corporate Memphis.
echelon 2 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 44 minutes 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.
firasd 2 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...
Rendered at 17:27:33 GMT+0000 (Coordinated Universal Time) with Vercel.
there are others i think
I'm old-school. :)
No wonder OSX felt like the future.
I miss the future.
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.
https://uiverse.io/buttons
wow
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.
Now let’s see Paul Allen’s buttons
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.