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.
I’ve taken design inspiration from various sources. If you’d like credit for something specific, feel free to open an issue or reach out.
View demo: studio admin
[!TIP] I’m also working on Nuxt.js, Svelte, and React (Vite + TanStack Router) versions of this dashboard. They’ll be live soon.
[!NOTE] The default dashboard uses the shadcn neutral theme. It also includes additional color presets inspired by Tweakcn:
- Tangerine
- Neo Brutalism
- Soft Pop
You can create more presets by following the same structure as the existing ones.
Looking for the Next.js 14 + Tailwind CSS v3 version? Check out the
archive/next14-tailwindv3
branch. It has a different color theme and is not actively maintained, but I try to keep it updated with major changes.
This project follows a colocation-based architecture each feature keeps its own pages, components, and logic inside its route folder. Shared UI, hooks, and configuration live at the top level, making the codebase modular, scalable, and easier to maintain as the app grows.
For a full breakdown of the structure with examples, see the Next Colocation Template.
You can run this project locally, or deploy it instantly with Vercel.
Deploy your own copy with one click.
Clone the repository
git clone https://github.com/arhamkhnz/next-shadcn-admin-dashboard.git
Navigate into the project
cd next-shadcn-admin-dashboard
Install dependencies
npm install
Start the development server
npm run dev
Your app will be running at http://localhost:3000
[!IMPORTANT] This project is updated frequently. If you’re working from a fork or an older clone, pull the latest changes before syncing. Some updates may include breaking changes.
Contributions are welcome. Feel free to open issues, feature requests, or start a discussion.
Happy Vibe Coding!