Next.js Admin Template with TypeScript & Shadcn UI
Studio Admin - Includes multiple dashboards, authentication layouts, customizable theme presets, and more.
Most admin templates I found, free or paid, felt cluttered, outdated, or too rigid. I built this as a cleaner alternative with features often missing in others, such as theme toggling and layout controls, while keeping the design modern, minimal, and flexible.
View demo: studio admin
[!NOTE]
Looking for the Base UI version? Check out next-shadcn-admin-dashboard-baseui.
[!TIP]
I’m also working on Nuxt.js, Svelte, and React (Vite + TanStack Router) versions of this dashboard. They’ll be live soon.
Features
- Built with Next.js 16, TypeScript, Tailwind CSS v4, and Shadcn UI
- Responsive and mobile-friendly
- Customizable theme presets (light/dark modes with color schemes like Tangerine, Brutalist, and more)
- Flexible layouts (collapsible sidebar, variable content widths)
- Authentication flows and screens
- Prebuilt dashboards (Default, CRM, Finance, Analytics, Productivity) plus legacy variants
- Role-Based Access Control (RBAC) with config-driven UI and multi-tenant support (planned)
[!NOTE]
The default dashboard uses the shadcn neutral theme.
It also includes additional color presets inspired by Tweakcn: