Uiverse — a shelf of buttons someone already built
uiverse.io is a community library of small UI pieces — buttons, checkboxes, toggle switches, cards, loaders — each one built and shared by an individual developer, browsable by tag, filterable to plain CSS or Tailwind. You click "Get code," and the whole thing — markup and styles — is right there to copy.
Everything on the site is MIT licensed. That's the part that actually matters: it's not "inspiration," it's code you're allowed to take.
Why it's worth having on the shelf
A lot of what goes into a button — the hover lift, the press-down feel, a loading-spinner swap, a checkbox that draws its own checkmark — is real work that doesn't touch what makes a site this site. The brand, the copy, the layout, the actual decisions: that's still bespoke, still built by hand, still the thing worth spending tokens and time on. But the last 15% of polish on a button — the part where it just needs to feel good under a cursor — someone on Uiverse has probably already solved it and it costs nothing to look.
That's the tradeoff worth naming out loud: bespoke isn't wrong, this just means not every single piece has to start from a blank file. Grab a base that already animates well, then re-skin it to the project's actual tokens (the colors, the type, the motion curve) instead of hand-rolling the mechanics from zero.
How to actually use it, not just admire it
- Filter by CSS or Tailwind depending on the stack — don't fight a Tailwind-authored component into a plain-CSS site or vice versa.
- Copy it in, then immediately swap the hardcoded colors for the site's
real tokens (
var(--accent),var(--terra), whatever the project already uses). A pasted-in purple gradient is the fastest way to make a page look like it wasn't designed on purpose. - Check it against the mobile rules that already apply to everything —
16px input floor, real tap targets, no
maximum-scale=1. A copied component doesn't get a pass on the checklist just because it came from somewhere else. - If it's genuinely good and gets reused more than once, it graduates —
pull it into the actual design system as a real
.btnvariant instead of staying a one-off paste.
Same shelf exists for other things worth knowing about, not just buttons: Cssbuttons.io and Neumorphism.io cover similar ground from different angles, linked right off Uiverse's own resources page.