Skip to content
Nim UI

Build faster with Nim UI

A quiet React UI kit for admin dashboards, backoffice workflows, and commerce operations. Built with TypeScript and Tailwind CSS v4.
Get Started View Components

Features

64 Components

Backoffice-ready components organized into 8 categories: Primitives, Layout, Data Display, Commerce, Landing, Feedback, Forms, and Navigation.

Fully Typed

Built with TypeScript 5.9+ in strict mode. Complete type safety and IntelliSense support.

Accessible

WCAG 2.1 AA compliant with proper ARIA attributes, keyboard navigation, and screen reader support.

Tailwind CSS v4

Styled with the latest Tailwind CSS v4, fully customizable with your theme.

Dark Mode

Built-in dark mode support with smooth transitions and proper color contrast.

Tree-Shakeable

Import only what you need. Optimized bundle sizes with ESM exports.

Quick Example

Get started in seconds

View Code 
import { Button } from '@nim-ui/components';


export default function App() {
  return (
    <>
      <Button variant="primary">Primary Button</Button>
      <Button variant="secondary">Secondary</Button>
      <Button variant="outline">Outline</Button>
    </>
  );
}

Why Nim UI?

Production Ready

Use the package-installed components to build admin dashboards, backoffice screens, and commerce workflows with consistent accessibility and styling defaults.

Developer Experience

  • TypeScript-first: Full type safety and autocomplete
  • Well documented: Every prop is documented with examples
  • Package-first: Install the components package and import only what you need
  • Workflow-ready: Compose primitives into admin and commerce interfaces

Modern Stack

Built with the latest tools and best practices:

  • React 19.2+
  • TypeScript 5.9+
  • Tailwind CSS v4
  • Radix UI primitives
  • Class Variance Authority

Component Categories

Primitives

Essential form controls: Button, Input, Textarea, Checkbox, Radio, Select, Switch

Layout

Backoffice layout components: Container, Grid, Stack, Flex, Spacer, Card, AdminShell, PageHeader, Modal, Drawer, Tabs, Accordion, Collapsible, Separator

Data Display

Present operational data: Badge, Avatar, DataTable, DataToolbar, StatusPill, FilterSummary, BulkActionBar, EmptyState, Timeline, DescriptionList, RecordInspector, DataCard, MetricCard, Stat

Commerce

Secondary e-commerce support: ProductCard, CartItem, PriceTag, QuantitySelector

Landing

Support product pages and lightweight landing surfaces: Hero, FeatureGrid, Testimonial, CTA

Forms

Complete form system: Form, FormLayout, FormField, Combobox, Calendar, DatePicker, Slider

Feedback

Operational feedback surfaces: Toast, Tooltip, Popover, DropdownMenu, AlertDialog, Alert, Progress, Spinner, Skeleton

Backoffice navigation components: Breadcrumb, SidebarNav, CommandMenu, ViewSwitcher, Pagination

Next Steps

Installation

Install Nim UI in your project and start building.

Get Started →

Best Practices

Tips for building accessible, performant applications.

Read Guide →