A production-ready React component library built with Tailwind CSS v4, TypeScript, and Vite. Ships five accessible components (Button, Input, Card, Modal, Tabs) with semantic design tokens, CVA-powered variants, and full Storybook documentation.
A React component library built from scratch following modern library architecture patterns: Tailwind CSS v4 with CSS-first @theme tokens, Class Variance Authority for type-safe variants, and Vite library mode for optimized builds.
@theme directive with dark mode supportcn() utility combining clsx + tailwind-merge for consumer-friendly class overrides@dxsolo/uiFor a deep dive into the architecture, patterns, and step-by-step build process, check out the companion blog post: Building a Real-World Component Library with Tailwind CSS + React.