ShadCN Dashboard UI

A modern admin dashboard built with Next.js, React, Tailwind CSS, Radix UI, and ShadCN UI.
This project demonstrates how to design a scalable dashboard with reusable UI components.

✨ Features

• 📊 Dashboard Layout – Responsive grid-based layout.
• 🧭 Navbar & Sidebar – Collapsible sidebar with nested menus.
• 🌙 Dark Mode Support – Custom theming with Tailwind + ShadCN.
• 🎨 UI Components – Dropdowns, Sidebar, Charts, Avatar, Modals (sheets), Collapsible, Button, Tooltips, Skeleton, Card, Breadcrumbs, Scroll Areas, Checkboxes, Calendar, Popover, Sheet Component, progress bars, forms, and more.
• ✅ Form Handling – Validation with react-hook-form and zod.
• 📈 Charts & Data Visualization – Area, Pie, Line, and Bar Charts using Recharts.
• 📑 Data Tables – Built with Tanstack React Table (Sorting, Pagination, Row Actions, Row Selection, Filtering, Visibility, Reusable Components).
• 👤 Profile & User Pages – Example pages with reusable ShadCN components.

🛠️ Built With

• Next.js – React framework for production apps.
• React – UI library.
• Tailwind CSS – Utility-first CSS framework.
• ShadCN UI – Radix UI + Tailwind component library.
• Recharts – Data visualization library.
• TanStack Table – Advanced data tables.
• react-hook-form – Form handling.
• Zod – Schema validation.

Project Preview