React UI Kit

Backoffice interfaces, quietly refined.

A calm, accessible component library for dashboards, backoffice workflows, and commerce operations. TypeScript-first, dark-mode native, tuned for dense screens.

91 components, 8 categories, WCAG 2.1 AA

The kit, at a glance

Default
Active
Pending
Failed
Draft
42%
78%
95%
OnlineSyncingFailed
pnpm add @nim-ui/components

Built for operators

Eighty-five components

Primitives, layout, data display, forms, commerce, landing, feedback, and navigation — composed for real operational screens.

Typed to the edges

Authored in TypeScript 5.9 strict mode. Every prop is documented, every variant inferred. IntelliSense that actually helps.

Accessible by default

WCAG 2.1 AA: proper ARIA, full keyboard paths, focus management, and screen-reader semantics built in — not bolted on.

Tailwind v4 native

Styled with Tailwind CSS v4 design tokens in OKLCH. Re-theme the entire kit by moving a handful of variables.

Dark mode, considered

A dual ink palette tuned for long sessions — calibrated contrast, no harsh whites, smooth transitions throughout.

Tree-shakeable ESM

Import only what a screen needs. Clean ESM exports keep operational bundles lean and predictable.

Eight categories

PrimitivesButton · ButtonGroup · Text · Kbd · Input · Select
LayoutAdminShell · PageHeader · Tabs · Modal · ScrollArea · Card
Data DisplayDataTable · StatusPill · Dot · Meter · Snippet
FormsFormLayout · Fieldset · DatePicker · MultiSelect
CommerceProductCard · CartItem · PriceTag · QuantitySelector
FeedbackToast · Tooltip · Popover · AlertDialog · Progress
NavigationBreadcrumb · SidebarNav · CommandMenu · Pagination
LandingHero · FeatureGrid · Testimonial · CTA