Back to templates

Template details

Studio Admin

Modern Next.js 16 admin dashboard template with Shadcn UI on React Aria, TypeScript, Tailwind CSS v4, and configurable themes.

About this template

Studio Admin is a Next.js 16 admin dashboard template with Shadcn UI components built on React Aria, TypeScript, and Tailwind CSS v4, offering multiple prebuilt dashboards, authentication screens, and customizable theme presets. It is maintained by arhamkhnz, who describes it as a cleaner alternative to admin templates that felt cluttered, outdated, or too rigid.

What is Studio Admin?

Studio Admin is a free, open-source admin dashboard template that runs on Next.js 16 with the App Router. It takes Shadcn UI component patterns and renders them on React Aria primitives instead of Radix UI, producing a set of prebuilt dashboards, authentication layouts, and application screens styled with Tailwind CSS v4. The repository is published on GitHub under the account arhamkhnz and can be deployed to Vercel with a one-click clone button or run locally with npm after cloning.

Key Features

  • Framework and stack — Next.js 16 (App Router), TypeScript, and Tailwind CSS v4, with Shadcn UI components layered on React Aria.
  • Theme presets — light and dark modes plus color schemes such as Tangerine, Neo Brutalism, and Soft Pop; the default dashboard uses the shadcn neutral theme and new presets follow the same structure.
  • Flexible layouts — a collapsible sidebar and variable content widths, driven by config rather than hardcoded markup.
  • Prebuilt dashboards — Default, CRM, Finance, Analytics, and Productivity dashboards, plus legacy v1 variants of Default, CRM, Finance, and Analytics.
  • Application screens — File Manager, Patient Monitoring, Products, Profile, Email, Chat, Calendar, Kanban board, Invoices, Users Management, and Roles Management.
  • Authentication — four dedicated auth screens and flows.
  • Forms and state — Zod for validation, React Hook Form for forms, Zustand for state, and TanStack Table for data tables.
  • Tooling — Biome for formatting, linting, and import organization, plus Husky for git hooks.

Who is it for?

  • Dashboard developers: start from working Default, CRM, or Finance dashboards instead of building sidebar, table, and chart scaffolding from scratch.
  • React Aria adopters: teams that prefer React Aria primitives over Radix UI can use this build rather than the sibling Radix UI version.
  • Full-stack app builders: use the included auth screens, user and role management pages, and invoice and calendar views as a base for internal tools.
  • Theme tinkerers: developers can add new color presets by copying the structure of the existing ones.

What can you do with Studio Admin?

  • Internal tool teams: assemble an admin back office from the Users Management, Roles Management, and Invoice pages rather than styling tables from zero.
  • CRM builders: adapt the CRM dashboard's layout into a customer tracking console using TanStack Table for the data grids.
  • Productivity apps: combine the Calendar, Kanban, Chat, and Email screens into a single workspace prototype.

How does Studio Admin work?

The template uses a colocation-based architecture: each feature keeps its pages, components, and logic inside its route folder, while shared UI, hooks, and configuration live at the top level. To run it, clone the repository, install dependencies with npm, and start the dev server, which serves the app at localhost port 3000. Formatting and linting run through a single Biome check command.

Alternatives

The repository names its own siblings: the Radix UI version (next-shadcn-admin-dashboard), the Base UI version (next-shadcn-admin-dashboard-baseui), and the TanStack Start version (tanstack-shadcn-admin-dashboard).

FAQ

Is Studio Admin free?

Yes. The project is an open-source GitHub repository that can be cloned and run locally or deployed to Vercel; no pricing or paid tier is mentioned on the page.

Does Studio Admin use Radix UI?

No. This build uses React Aria for its Shadcn UI primitives. A separate Radix UI version of the same dashboard exists in the author's next-shadcn-admin-dashboard repository.

Does Studio Admin include role-based access control?

RBAC with config-driven UI and multi-tenant support is listed as planned, not yet shipped. The template does include working Users Management and Roles Management screens.

Is the project stable?

The README states the project is updated frequently and warns that some updates may include breaking changes, so forks and older clones should pull the latest changes before syncing.

Screenshot of Studio Admin