Skip to content
Nim UI

Build faster with Nim UI

A comprehensive React component library built with TypeScript and Tailwind CSS v4. Production-ready, accessible, and beautiful by default.
Get Started View Components

Features

24 Components

Comprehensive set of components organized into 6 categories: Primitives, Layout, Data Display, Commerce, Landing, and Forms.

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

Every component is battle-tested and production-ready. Use them directly in your projects without worrying about edge cases or accessibility issues.

Developer Experience

  • TypeScript-first: Full type safety and autocomplete
  • Well documented: Every prop is documented with examples
  • Storybook: Interactive component playground
  • Copy & paste friendly: Use our CLI or copy components directly

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

Flexible layout components: Container, Grid, Stack, Flex, Spacer

Data Display

Present information beautifully: Card, Badge, Avatar, Table

Commerce

E-commerce specific components: Product Card, Cart Item, Price Display

Landing

Build landing pages fast: Hero, Feature, Testimonial, CTA Section

Forms

Complete form system: Form Group, Form Label, Form Message

Next Steps

Installation

Install Nim UI in your project and start building.

Get Started →

Best Practices

Tips for building accessible, performant applications.

Read Guide →