arhamkhnz/next-shadcn-admin-dashboard

What is it?

Key features

• 01Next.js 16 App Router with TypeScript, Tailwind CSS v4 and shadcn/ui
• 02Multiple prebuilt dashboards plus file manager, chat, email, kanban and invoice pages
• 03Light and dark themes with several color presets
• 04Collapsible sidebar and adjustable content width layouts
• 05Form validation with React Hook Form and Zod, and state management with Zustand

Use cases

• Starting an internal back-office or operations dashboard with shadcn/ui
• Prototyping SaaS admin panels with ready-made CRM, finance or analytics layouts
• Reusing authentication screens and settings pages in a Next.js project

Quick start

1. 1

   Clone the repository

   git clone https://github.com/arhamkhnz/next-shadcn-admin-dashboard.git
2. 2

   Navigate into the project folder

   cd next-shadcn-admin-dashboard
3. 3

   Install dependencies

   npm install
4. 4

   Start the development server and open http://localhost:3000

   npm run dev

Things to know

• !Some updates may include breaking changes, so pulling new versions can require migration work.
• !Role-based access control and multi-tenant support are listed as planned, not yet available.

In collections

Topics

FAQ

What is next-shadcn-admin-dashboard?

A Next.js 16 and shadcn/ui admin dashboard template with multiple prebuilt dashboards, auth screens, and theme presets. Studio Admin is a TypeScript admin dashboard template built with Next.js 16 (App Router), Tailwind CSS v4 and shadcn/ui. It ships with several prebuilt dashboards, including Default, CRM, Finance, Analytics and Productivity, along with pages for file management, chat, email, kanban, invoices, calendar, user and role management, and four authentication screens.

Is next-shadcn-admin-dashboard free to use? What license does it have?

next-shadcn-admin-dashboard is open source under the MIT license. Check the license terms before using it in commercial products.

Is next-shadcn-admin-dashboard still maintained?

Actively maintained. The last commit to next-shadcn-admin-dashboard was on Nov 6, 2026.

What can I use next-shadcn-admin-dashboard for?

Starting an internal back-office or operations dashboard with shadcn/ui Prototyping SaaS admin panels with ready-made CRM, finance or analytics layouts Reusing authentication screens and settings pages in a Next.js project

How do I install next-shadcn-admin-dashboard?

Clone the repository: git clone https://github.com/arhamkhnz/next-shadcn-admin-dashboard.git Navigate into the project folder: cd next-shadcn-admin-dashboard Install dependencies: npm install Start the development server and open http://localhost:3000: npm run dev

Where can I get next-shadcn-admin-dashboard?

The source code and installation instructions are on GitHub: https://github.com/arhamkhnz/next-shadcn-admin-dashboard