The Professional Shadcn Admin Dashboard.
A complete Next.js 16 admin on shadcn/ui — 139 pages and five sub apps in one kit. Keep the product you are building. Delete the rest. Updated monthly.
+89 more pages
The admin you'd spend a year building.
The Best Admin Dashboard for shadcn/ui
Purpose-built on shadcn/ui after months of development. A complete admin you can ship, instead of assembling hundreds of pages from scratch.
Interactive & Functional UI
Every page and component is fully interactive. Lists, pagination, filtering etc use dummy JSON data that can easily be swapped for API or CMS data sources.
Built on Next.js 16 & Tailwind 4
Absolutely the most up to date shadcn/ui admin dashboard available.
Five Sub Apps, One Codebase
Ecommerce, project management, payments, todo, and a developer console ship as dedicated apps inside a single Next.js 16 workspace — not five disconnected templates.
Production-Grade Data Tables
TanStack Table across products, orders, customers, issues, and invoices: faceted filters, sorting, column visibility, bulk actions, and pagination on typed JSON.
Kanban, Gantt, Calendar & Spreadsheet
One issue model powers board, timeline, calendar, and grid views. Drag rank, reschedule dates, and inline-edit cells without maintaining four separate data shapes.
Subscriptions, Invoices & Webhooks
A full billing surface: MRR dashboards, plan state machines, invoice composers, and webhook delivery logs with retry — shaped like Stripe, ready for your processor.
Command Palette & Context Menus
Keyboard-first chrome throughout: jump to records, row actions, and status transitions from context menus instead of burying every mutation behind a settings page.
139 Pages, Updated Monthly
A kitchen-sink admin you can keep. New screens and sub-app coverage land on a monthly cadence so the kit tracks shadcn/ui and Next.js instead of freezing at launch.
Ecommerce from Catalog to Shipping
Products, variants, orders, customers, and shipping labels with multi-step forms and typed records. The merchandising write-path is already modeled — not a single demo SKU page.
Charts, KPIs & Metric Widgets
Revenue, MRR, conversion, and workload widgets share the same typed stores as the tables beneath them. Swap the JSON and the gauges, bars, and funnels recompute.
Light, Dark, and Your Tokens
The whole kit follows shadcn CSS variables and Tailwind 4. Flip appearance in settings and every sub-app restyles — no one-off hex values buried in screens.
Zod-Typed Mock Data Layer
Faker-backed JSON parsed through Zod at the boundary. Pages never touch untyped blobs, so a real API or CMS is a fetcher swap, not a rewrite of every table and form.
A Real Todo App, Nested In
Inbox, Today, projects, and an activity log on one task model. Nested lists, due dates, and keyboard capture — a fourth product inside the kit, not a checkbox demo.
Users, Settings, Keys & Error States
Role tables, workspace settings, API key create-and-revoke, plus 401 / 403 / 404 / 503 screens. The chrome around the apps is designed, not left as a blank layout.
Five apps. One kit.Keep the product you are building. Delete the rest.
Other libraries look like they have more “admin templates” because each one is three pages. This is one zip with hundreds of screens. Reduce it to your product — or point an LLM at the folders you want to keep.
Ecommerce
34 pages
Catalog to shipping: products, variants, orders, customers, and labels. The merchandising write-path is already modeled.
Products, orders, customers, shipments
Project management
32 pages
One issue model powers list, kanban, gantt, calendar, spreadsheet, and inbox. Drag rank, reschedule, inline-edit.
Dashboards, issues, kanban, gantt, inbox
Payments
36 pages
MRR dashboards, subscriptions, invoice composers, and webhook delivery with retry — shaped like Stripe, ready for your processor.
Transactions, subscriptions, invoices, webhooks
Todo
14 pages
Inbox, Today, projects, and an activity log on one task model. Nested lists and due dates — a fourth product, not a checkbox demo.
All tasks, Today, projects, activity
Developers
4 pages
API keys, webhooks, and event logs. The chrome a real console needs, not a blank settings page.
Overview, keys, webhooks, logs
Plus 19 pages of users, settings, auth, and errors — the chrome around the apps. See the shell screens.
What’s in the zip.What you still wire.
The kit is a production frontend and a typed mock layer. You connect the systems you already have — we don’t ship a fake backend and call it done.
You get
- 139 typed pages and five working apps
- Zod-parsed mock JSON on every list and form
- shadcn CSS variables — light, dark, any theme
- The frontend and the data shape, ready to bind
You wire
- Your API, tRPC, or Postgres — swap the fetcher
- Auth (Auth.js, Clerk, or your own)
- Stripe or whatever processor you already use
- Nothing in the zip pretends to be a backend
First ten minutes.
Unzip and run
pnpm install && pnpm dev. Next.js 16, Tailwind 4, TypeScript — the stack on the tin.
Open a real app
Hit the ecommerce dashboard, the issue kanban, or the invoice list. These are pages, not placeholders.
Delete what you don’t ship
Remove the app folders you don’t need, or point Cursor at the kit and tell it which product to keep.
Built for agents that read code
Give it to your LLM.Reverse engineer your backend from the frontend.
The Admin Kit is the raw material for backends and CRUD apps. Typed pages, Zod schemas, and working tables live in the repo — let Cursor, Claude, or Copilot read the code and enhance it, instead of generating an admin from a blank prompt.
- Point an agent at a page. It reads App Router source, shadcn primitives, and colocated data — not a screenshot.
- CRUD is already modeled: lists, filters, forms, mutations. Bind your API instead of inventing the UI.
- Zod-validated JSON is the contract. Swap the mock store for REST, tRPC, or Postgres without rewriting screens.
- Fork ecommerce, issues, or billing. Agents extend a known pattern instead of hallucinating one.
Cursor
Claude
Codex
VS CodeYou
Read the orders table in the ecommerce app. Replace the Zod JSON store with our REST API. Keep pagination, filters, and the detail sheet.
Agent
Reading 3 files in the kit…
- app/(ecommerce)/orders/page.tsx
- lib/orders/schema.ts
- data/orders.json
Keeping the table, filters, and sheet. Wiring fetchOrders() to your REST API.
Enhanced — UI unchanged, data layer swapped
shadcn themes & CSS variables
Give it a theme.The whole kit restyles.
The Admin Kit is fully compatible with shadcn themes — official CSS variables, light and dark, and every theme on the Shadcnblocks themes page. Install the tokens, drop in the theme's DESIGN.md, and the dashboard follows the brand.
- Official shadcn CSS variables — --primary, --sidebar, --chart-* — not hex buried in screens.
- Light and dark from the same token set. Flip appearance and every sub-app restyles.
- All 14 Shadcnblocks themes apply: Vercel, Linear, Alpine, Claude, and the rest.
- Each theme ships a DESIGN.md. Paste it next to the kit so Cursor and Claude stay on-brand.
The full Shadcnblocks library
Not enough already?Granularity at every level.
Every block and component in the Admin Kit can be swapped and augmented with 2,104+ components and 2,018+ blocks from the library. Flexibility from a single primitive to a full application shell.
- Swap a button, a table, a dialog, or a whole settings page — same tokens, same CLI.
- 2,104+ component examples: forms, sheets, command palettes, and every primitive you already use.
- 2,018+ blocks including app shells, dashboards, kanban, settings — and marketing if you need it.
- Granularity at every level. Drop a library piece next to kit source and keep shipping.
Give your backend a modern frontend.
Next.js 16
App Router with colocated page and component folders. Ready for static export or SSR.
React 19
The current React release throughout — client and server components, no legacy class trees.
TypeScript
Fully typed pages, props, and data. Zod schemas at the boundary so mocks and APIs share types.
Tailwind 4
Utility-first styling on official shadcn CSS variables. Light, dark, and your tokens.
shadcn/ui
Every screen is built from shadcn primitives you already know — copy, own, and extend.
Radix UI
Accessible dialogs, menus, tabs, and popovers under every shadcn component.
Zod
JSON parsed through schemas at the edge. Swap Faker for REST, tRPC, or Postgres without rewriting UI.
TanStack Table
Faceted filters, sorting, column visibility, bulk actions, and pagination on every major list.
Recharts
KPI widgets, revenue charts, and funnels bound to the same typed stores as the tables.
Zustand
Client stores for the todo app and interactive boards — no backend required to demo.
Faker
Realistic dummy records that parse through Zod, so a real fetcher is a drop-in.
Lucide
The same icon set as shadcn/ui, used consistently across every sub-app.
dnd kit
Drag-and-drop for kanban, ranked lists, and todo reorder — pointer and keyboard.
Vercel
Deploy with static export or enable SSR. The kit is production-shaped for Vercel.
ESLint + Prettier
Linting and formatting pre-configured and ready to use.
Every screen, by app
139 pages across five products plus the shell. Click any screenshot to view it full size.
Ecommerce
34 pages
Project management
32 pages
Payments
36 pages
Todo
14 pages
Developers
4 pages
Users & settings
11 pages
Auth & errors
8 pages
Frequently asked questions
What’s in the kit, how you get it, and the questions that come up before you start a dashboard on shadcn/ui.
-
What is the Shadcn Admin Kit?
- A complete Next.js 16 admin dashboard built on React 19, shadcn/ui, Tailwind 4, and TypeScript. You get 139 pages and five sub apps — ecommerce, project management, payments, todo, and a developer console — in one codebase. It is a kitchen-sink admin you can ship, not a handful of demo screens.
-
How is this different from other shadcn admin dashboards?
- Most shadcn admin kits are a sidebar, a chart, and a table. This one is five working products: catalogs and orders, issues with kanban / gantt / calendar, billing and webhooks, a nested todo app, plus users, API keys, and error states. Pages share typed JSON and Zod schemas, so lists, filters, and forms are wired — not static mockups.
-
Other libraries have more “admin templates”
- Yes — but that’s because they ship multiple thin admin kits with about three pages each. Ours is one all-in-one kit with hundreds of pages. Pick the screens you need and delete the rest. It’s actually easier to reduce a full kit to your product, or have an LLM work over it and customize it, than to stitch three-page starters together. We purposely ship a larger kit even if it “seems like we have fewer admin templates.”
-
How do I get the Admin Kit?
- The Admin Kit ships with Premium ($299) — not as a separate add-on. Premium also unlocks every template, the Pro block library, and the Figma kit, with lifetime updates. After purchase, download the zip from your dashboard.
-
Is there an Astro version?
- No. The Admin Kit is Next.js 16 only — App Router, client and server components, ready for static export or SSR. Our marketing templates ship Next.js and Astro editions; a dashboard this interactive belongs on Next.js.
-
Is the data real, or do I have to rebuild every page?
- Pages run on Faker-backed JSON parsed through Zod. Tables, charts, forms, and filters already read that contract. Swap the mock store for REST, tRPC, or Postgres and keep the screens — you are not rewriting the UI to hook up an API.
-
Can I use it with Cursor, Claude, or other agents?
- Yes. The kit is App Router source, shadcn primitives, and colocated schemas — the kind of codebase agents can actually read. Point an LLM at a page and it sees CRUD that already exists, not a screenshot. Each Shadcnblocks theme also ships a DESIGN.md you can paste in so the agent stays on-brand.
-
Does it support dark mode and shadcn themes?
- Yes. The whole kit uses official shadcn CSS variables — including sidebar and chart tokens — so light mode, dark mode, and generators like Tweakcn apply across every sub app. All Shadcnblocks themes work on it.
-
Can I use the Admin Kit for client and commercial projects?
- Yes. The commercial license covers unlimited end products for you, your company, and your clients. You cannot resell the kit, put it in a marketplace, or use it to produce a competing admin library. See the license page for the full terms.
-
Will I get updates after I buy?
- Yes. Premium includes lifetime access and updates. New screens and sub-app coverage land on a monthly cadence so the kit tracks shadcn/ui and Next.js instead of freezing at launch.
-
Can I drop in more blocks from the Shadcnblocks library?
- Yes. Pages are built from the same shadcn/ui system as the rest of the library. Swap a button, a table, a dialog, or a whole settings page — or pull more layouts from the block catalog and keep the same tokens.
-
Is there a Figma file for the Admin Kit?
- Not for the Admin Kit screens themselves. Premium includes the Shadcnblocks Figma kit — base shadcn/ui components and hundreds of block designs — which you can use alongside the coded admin.
-
What if it isn’t what I expected?
- We generally do not refund digital goods. Walk through the live demo first — every sub app is there. If you have a legitimate or extenuating reason, contact support. Details are on the support page.
One payment. The whole kit.
Buy the kit.Get Premium.
The Admin Kit ships with Premium — 139 typed pages, five sub apps, and the rest of the Shadcnblocks library. Lifetime updates. Unlimited projects.
- Admin Kit — 139 pages, 5 sub apps
- 2,104+ components & 2,018+ blocks
- 19 templates + Figma kit
- Lifetime access, unlimited projects