Pick Uiverse if
- you want choice: 7,000+ elements, in every style there is;
- you're after one small piece: a button, a loader, a toggle;
- you work in Figma or Tailwind: elements copy to both.
Kodza vs Uiverse
A Uiverse alternative built to one standard.
Uiverse is the biggest open-source pile of UI elements, made by its community, and it's free. Kodza is free too, and smaller on purpose: one team, one look, the same rules in every component. Here's the honest comparison.
Their side checked on uiverse.io,
The short version
Pick the one that fits the job.
Both are free. The difference is variety versus consistency.
Pick Kodza if
- you want pieces that look like they belong together;
- you need the bigger parts too: menus, dialogs, heroes, scroll scenes;
- you want the keyboard and reduced motion handled in every one.
Side by side
The facts, no spin.
Who makes them, what they're made of, what you may do with them. Their column comes from their own site.
| Feature | Uiverse | Kodza |
|---|---|---|
| Made by | Its community, reviewed before publishing | One team, one standard |
| Count | 7,461 elements | 142 components |
| Built with | HTML with CSS or Tailwind | HTML, CSS, plain JS |
| What's inside | Buttons, loaders, switches, cards, forms, patterns | The same, plus menus, dialogs, heroes, scroll scenes |
| Copy as | HTML/CSS, Tailwind, React, Figma | HTML/CSS/JS, React on most |
| Class names | Each author's own | One kodza- prefix, one class per component |
| Price | Free | Free |
| License | MIT: use, change, resell | Kodza License: use anywhere, don't resell |
Uiverse figures from their home page (opens in a new tab) and element pages, read on October 27, 2026. Their count grows every week: theirs is the page that counts.
Install
Adding one, both ways.
Both are copy and paste. What you paste is where they differ.
Uiverse
- Find an element: search, tags or a creator.
- Copy the HTML and CSS, or export it to React or Figma.
<label class="switch">
Class names are the author's: check them against your theme's before you paste.
Kodza
- Open a component page, any stack.
- Copy the HTML, CSS and JS. Paste them where they go.
<div class="kodza-switch">
Every class starts with kodza-, so it won't clash with your theme's. Or let your AI paste it: the command is at the bottom of this page.
Try one
The usual suspects.
Buttons, switches, loaders, fields: what people grab most, built to the same rules. And a menu, because that's where it gets hard.
3D Press Button
A button with real thickness: the face sinks into its base, even the quickest tap goes all the way down, and it springs back with a small bounce. A keycap, a brutalist slab, or a toggle that stays down.
View code
Switch
A real checkbox redrawn as a switch: the ink fills the track behind the thumb, the thumb stretches while pressed and springs into place. Labels, toolbars too.
View code
Spinner
A loading status sized on its text: a breathing ring, twelve bars, three dots or a terminal braille cell. Add .is-done and a tick draws itself while the words roll.
View code
Text Field
A text field whose label folds up as you type. A button clears it, a check draws itself once it is valid, and the hint gives way to the error.
View code
Checkbox
Real checkboxes, redrawn: ink grows from the centre and the tick draws itself. A select-all box shows a dash when only some are checked. Cards too.
View code
Dropdown Menu
A menu that unrolls from its button, with a highlight that slides from item to item. Actions or choices, arrows and first letters.
View codeFAQ
Before you switch.
The questions people ask when they compare the two.
01Is Kodza free like Uiverse?
Yes. Every Kodza component is free in any project, client work included, with no account and no credit required. The one rule: don't resell the components themselves. Uiverse elements are free too, under the MIT License, which also lets you resell them.
02Why does Kodza have fewer components than Uiverse?
One team writes them all to the same rules: scoped class names, keyboard support, reduced motion, a dark theme through --kz-* variables, and tests in real WordPress themes. That takes longer than a community post. On variety, Uiverse wins by a mile.
03Do Kodza components need JavaScript?
Some are CSS only. Where there's JS, it's plain, with no package, and it starts and stops cleanly, in WordPress themes that load pages in Ajax as in React StrictMode.
04Can I use Kodza with Tailwind or React?
Yes. Each component brings its own CSS, so it sits next to Tailwind without a fight, and most components also come as a React .tsx file on their page.
05Can my AI assistant add Kodza components for me?
Yes. Kodza's MCP server is at https://kodza.dev/api/mcp, free, with no account and no key. Ask for a component in Claude Code, Codex, Cursor or VS Code, and it gets the code to paste.
06Can I use both on the same site?
Sure. Every Kodza class starts with kodza-, so a Kodza menu won't clash with a Uiverse button on the same page.
Just ask.
Copy, paste, and go home early.
claude mcp add -t http kodza https://kodza.dev/api/mcp
Also in Codex, Cursor and VS CodeBrowse 142 components