GitHunt
MA

marleyDip/NextJS-Admin-Dashboard-ShadCN-Tailwind-CSS

This project demonstrates how to design a scalable, modern dashboard with reusable UI components. It showcases responsive layouts, theming, dark mode, charts, forms, and interactive elements.

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


Project Preview

dashboard half down dashboard half up Dashboard dashboard sidebar User Page Payments paymenrs filtter

Contributors

Created September 20, 2025
Updated October 9, 2025
marleyDip/NextJS-Admin-Dashboard-ShadCN-Tailwind-CSS | GitHunt