omverse-ui

Menu

ComponentsExamplesGitHub

Getting started

IntroductionInstallationThemingDesign tokensDark mode

Form

ButtonInputSelectCheckboxRadioSwitchSlidernewDatePickernew

Display

AvatarBadgeCardChipAccordionProgressDivider

Navigation

NavbarBreadcrumbTabsPaginationStepper

Overlay

DialogTooltipToast

Other

IconIconButtonSpinner
DocsIntroduction
v0.1.4 — Stable release
Filled
Tonal
Outlined
Ghost

Build interfaces
faster.

27 production-ready React components built on Tailwind v4, TypeScript and CVA. Accessible, typed and ready to ship.

Get startedView components
$npm install omverse-ui

27

Components

150+

Variants

v4

Tailwind

MIT

License

Up and running in minutes.

Add omverse-ui with a single npm command. No wrappers, no providers, no config files — just import what you need and start building.

Installation guide
terminal
tsx
1npm install omverse-ui
2 
3# or with pnpm / yarn
4pnpm add omverse-ui
5yarn add omverse-ui

TypeScript first

Fully typed with complete IntelliSense support.

Dark mode ready

Every component adapts automatically via CSS variables.

Tree-shakeable

Zero unused CSS or JS — import only what you use.

Accessible

WAI-ARIA compliant with keyboard navigation support.

Customizable

Override any design token to match your brand.

Fast by default

Built on Tailwind v4 — no runtime style generation.

Quick start

Install and use components in minutes.

Full guide
App.tsx
tsx
1import { Button, Badge, Input } from 'omverse-ui'
2 
3export default function App() {
4 return (
5 <div>
6 <Button variant="filled">Get started</Button>
7 <Badge color="success">v0.1.4</Badge>
8 <Input label="Email" placeholder="you@example.com" />
9 </div>
10 )
11}

Continue reading

Installation

Full setup guide for Vite and Next.js projects.

Theming

Customize colors and tokens to match your brand.

Design tokens

Complete reference of all CSS custom properties.

Components

Browse all 27 components with live previews and code.