React + Tailwind Design System (11 Components + Tokens)

A complete component library with theming — build UIs 5x faster

A production-ready React + Tailwind design system with 11 hand-crafted components, a token system, and dark/light theming via CSS variables. Zero runtime dependencies.

What's included

• 11 components — Button, Input, Select, Checkbox, Badge, Card, Modal, Toast, Tabs, Tooltip, Skeleton
• Dark/light theme — CSS variables with .dark class
• Token system — spacing, colors, radius, shadows in tokens.ts
• Tailwind preset — tokens mapped to Tailwind config
• cx() utility — clean className merging
• Demo page — see every component rendered
• Zero runtime deps — no Radix, no headless, no dependencies
• JSDoc + @examples — documented API surface

Quick Start

npm install
# import components from src/index.ts

Stack

React 19 · TypeScript · Tailwind 3 · CSS variables

Use cases

• Internal admin UIs
• Product dashboards
• Design-system foundations
• Component documentation sites