Shadcn Dashboard

Shadcn Dashboard is a free, open-source admin dashboard template for Next.js that provides a production-ready starter kit with pre-built apps, authentication flows, and a reusable Shadcn UI component library.

What is Shadcn Dashboard?

Shadcn Dashboard is an open-source admin dashboard starter built with Next.js App Router, TypeScript, Tailwind CSS v4, Shadcn UI, and Base UI. It outputs a production-ready admin panel that includes a modern dashboard, Blog, Notes and Tickets apps, authentication pages, form layouts, data tables, and a user profile. The template is created by shadcndashboard.dev and is backed by WrapPixel.

Key Features

• Pre-built apps — Blog, Notes, and Tickets apps ship with their own API route handlers, React context providers, and components under app/api, app/context, and app/components/apps.
• Authentication pages — Login, Register, Forgot Password, OTP Verification, Reset Password, and Two-Factor Authentication pages, plus error and maintenance pages, live in the app/auth directory.
• Forms and tables — Vertical and horizontal form layouts with validation, plus a data table view for managing tabular records.
• User profile — A profile page with connections and activity views, built from components in app/components/user-profile.
• Dashboard widgets — Statistics, Recharts charts, and widgets that you can connect to live data sources.
• Dark mode and theming — Full light/dark toggle via next-themes and Tailwind CSS v4 CSS variables; shadcn/ui is configured through components.json.
• Rich text editing — TipTap-powered editor is included for Blog posts.

Who is it for?

• Developers building admin panels — Use the starter to skip repetitive setup and customize the provided layouts, tables, and auth pages for their own backends.
• Startups and SaaS teams — Create internal dashboards, customer portals, or back-office tools with the included authentication flows and app modules.
• Freelancers and agencies — Deliver admin interfaces faster by rebranding and re-theming the template and its 20+ route pages.

What can you do with Shadcn Dashboard?

• SaaS founders: spin up the dashboard, wire the app/api route handlers to your backend, and use the Tickets app to manage customer support requests.
• Developers: replace demo data with real API responses and customize the Shadcn UI primitives in components/ui.
• UI designers: use the icon showcase and theme tokens to define a design system and preview components in isolation.

How do I get started?

The template requires Node.js 18, 20, or 22+ and pnpm or npm. Install dependencies with pnpm install, start the dev server with pnpm dev, build for production with pnpm build, and preview the production build with pnpm start.

Pricing

Shadcn Dashboard is free and open source. It is licensed under MIT, so you can use it for personal and commercial projects, with a requirement to add an attribution link to shadcndashboard.dev in the footer of your project.

FAQ

Is Shadcn Dashboard free?

Yes, Shadcn Dashboard is completely free and open source under the MIT License. You can use it for personal and commercial projects, and it requires an attribution link back to shadcndashboard.dev in your project's footer.

What are the prerequisites to run Shadcn Dashboard?

You need Node.js version 18, 20, or 22 or newer, and a package manager such as pnpm or npm. The template uses Next.js App Router, Tailwind CSS v4, and TypeScript.

Which UI library does Shadcn Dashboard use?

It uses Shadcn UI primitives built on Base UI, styled with Tailwind CSS v4. It also integrates Recharts for charts, TipTap for a rich text editor, and next-themes for dark mode.

Does Shadcn Dashboard include authentication pages?

Yes, it includes login, register, forgot password, OTP verification, reset password, and two-factor authentication pages, plus error and maintenance pages.