React · Tailwind · TypeScript
v1.26.2Minimal UI that follows your theme.
96 square-cornered React components, 160+ icons and semantic color tokens. Light and dark with one attribute, and no runtime dependencies.
npm install xedoniumTry it
Real components, not screenshots.
This card is built from Xedonium. Change the banana, flip the switch, then use the toggle in the header to see every surface follow the theme.
Minion HQ
Live components, try them
Why Xedonium
Small surface, solid defaults.
Themes in one attribute
Light, dark and the device setting through <html data-theme>. Every color is a semantic app-* token, so your own CSS follows the theme too.
Import only what you use
Each component is its own module. Pull in Button from xedonium/Button and nothing else is shipped.
No runtime dependencies
Only React and Tailwind as peers. There is no styling engine, icon pack or utility library to audit or update.
Typed from the start
TypeScript types ship in the package, so props, events and hooks autocomplete in your editor.
Tailwind 3 and 4
A preset for v3 and a CSS entry for v4. Override --color-app-primary once to recolor every primary button.
More than buttons
Charts, date pickers, a data grid, a rich text editor, overlays and a command palette, built on the same tokens.
Quick start
Three steps from install to a themed button.
Peers: react and react-dom 18+, tailwindcss 3.4 or 4. The full guide covers Tailwind v4 and brand colors.
// tailwind.config.js
import xedonium from 'xedonium/tailwind-preset'
export default {
presets: [xedonium],
content: ['./src/**/*.{js,jsx}', './node_modules/xedonium/dist/**/*.js'],
}96 components
Find what you need.
Layout
5 components
Typography
6 components
Inputs
22 components
Navigation
9 components
Feedback
5 components
Overlay
9 components
Data display
14 components
Charts
4 components
Date & time
4 components
Media
5 components
Application
8 components
Utilities
5 components
Ready to build?
Install it, open the playground, or read what changed in the latest release. Issues and stars are welcome on GitHub.