omverse-ui

Menu

ComponentsExamplesGitHub
●v0.1.4 on npm

The universe of
customizable interfaces.

27 React components. One CSS variable system. Built for Next.js, themed with tokens, shipped as a single npm install.

npmGitHubMIT27 components

Three layers. One package.

Compose interfaces in minutes.

A complete component set — buttons, inputs, overlays, feedback, data display. Typed, tree-shakeable, server-component friendly. Install once and start shipping.

ActivePendingBeta
background
surface
primary
secondary
success
warning
error
outline

One token system. Light and dark.

Every color, radius, and spacing is a CSS variable. Override one token and the entire library reflows. Dark mode works out of the box — no extra props, no JS toggles inside components.

Production-ready, day one.

Built for Next.js App Router. Zero runtime CSS-in-JS. Works with Tailwind v4. SSR-safe. Tree-shakeable. Ship the component, not the framework.

$ npm install omverse-ui
✓ added 1 package in 2.1s
// app/page.tsx
import { Button } from "omverse-ui";
<Button variant="filled">
Ship it
</Button>

Developer Experience

Built for the way you actually work.

<Button variant="fi
a
filled
string
a
outlined
string
a
ghost
string

TypeScript-first

Autocomplete everything.

Every prop, every variant, every size — fully typed. Catch mistakes at compile time, not after deploy. No more guessing variant names.

Tab ↹
focus moves through
aria-label="Save changes"
role="button"

Accessible by default

Keyboard, screen reader, focus — handled.

WCAG-aware contrast. Visible focus rings. Proper ARIA on every interactive component. Tab through your app — everything just works.

Gzipped bundle

12 KB↓ lean
omverse-uivs 60+ KB typical

Runtime CSS

0 KB

SSR-safe

Yes

Performance you can measure

Small bundle. Zero runtime.

Tree-shakes down to what you import. No CSS-in-JS runtime. No theme provider re-renders. Your bundle stays lean — your app stays fast.

Build with omverse-ui.

A complete component library for Next.js and Tailwind v4. Install once, import anywhere, theme with CSS variables. No config. No provider wrapping. Just ship.

Install

$ terminal
npm install omverse-ui
/* index.css */
@import "tailwindcss";
@import "omverse-ui/styles";

Usage

// any component file
import { Button, Badge } from "omverse-ui";
export default function Page() {
return (
<Button variant="filled">
Ship it
</Button>
)
}

The Catalog

Every component. Every category.

ButtonInputTextareaSelectSwitchSliderCheckboxRadio

Free · Open Source · MIT License

Start building with omverse-ui.

27 components. One install. Full CSS variable theming. Everything you need to ship a polished interface — available on npm right now.

npm install omverse-ui

27 components · TypeScript · Next.js App Router · Tailwind v4

Recently shipped

● Active
v0.1.4
Latest
DataTable · Skeleton · Alert
v0.1.3
Chip · Divider · Badge variants
v0.1.2
Dark mode · Token system overhaul
v0.1.1
Dialog · Drawer · Tooltip · Popover
27 components shipped so farSee all