UI Components MVP

A beautifully designed component library inspired by shadcn/ui. This MVP includes:

• ✅ Core UI Components (Button, Card, Input, Label, Table, etc.)
• ✅ Documentation Site (Next.js based)
• ✅ Multiple Style Themes
• ✅ Dark Mode Support
• ✅ Form Components with React Hook Form & Zod
• ✅ Data Table Components with TanStack Table
• ✅ Chart Components with Recharts
• ✅ Animation Components with Motion

Getting Started

Installation

npm install
# or
yarn install
# or
pnpm install

Development

npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:3000 to see the documentation site.

Features

Core Components

• Button - Multiple variants and sizes
• Card - Flexible card component with header, content, and footer
• Input - Styled input with validation states
• Label - Accessible form labels
• Table - Data table primitives

Form Handling

• React Hook Form integration
• Zod schema validation
• Error handling and display

Data Tables

• Powered by TanStack Table
• Sorting, filtering, pagination
• Column customization

Charts

• Built with Recharts
• Responsive design
• Multiple chart types

Theming

• Light and dark mode
• CSS custom properties
• Easy customization

Tech Stack

• Next.js 16 - React framework
• React 19 - UI library
• Tailwind CSS 4 - Styling
• Radix UI - Unstyled component primitives
• TypeScript - Type safety

License

MIT