The admin dashboard that is already finished
Twenty-plus working screens - tables, kanban, mail, calendar, AI chat - on Next.js 16, React 19 and Tailwind v4. Wired to real auth and a real database, not static mockups.
- MIT licensed
- Next.js 16 · React 19
- 20+ working pages
- Pages
- 20+
- UI components
- 40+
- Framework
- Next.js 16
- Styling
- Tailwind v4
- Auth
- Better Auth
- Database
- Drizzle + Postgres
- License
- MIT
Total revenue
$45,231
Subscriptions
2,350
Active now
573
Churn rate
1.2%
Team members
4 of 128| Member | Role | Status |
|---|---|---|
NPNyein Phyonyein@shadcn-admin.dev | Active | |
AKAiko Kimuraaiko@shadcn-admin.dev | Active | |
MRMarco Rossimarco@shadcn-admin.dev | Invited | |
SDSara Diallosara@shadcn-admin.dev | Active |
New user signed up
12:45nyein@shadcn-admin.dev
Built with
- Next.js 16
- React 19
- TypeScript
- Tailwind CSS v4
- shadcn/ui
- Better Auth
- Drizzle ORM
- Neon Postgres
- TanStack Table
- Recharts
- AI SDK
- nuqs
- Zustand
- Zod
- React Hook Form
- Motion
- dnd-kit
Not a gallery of screenshots
Every screen is a working implementation you can read, copy and extend - wired to real state, real routing and a real database.
Data tables that work
TanStack Table with sorting, faceted filters, row selection, pagination and CSV export - URL-synced through nuqs so state survives a refresh.
Auth, wired end to end
Better Auth with email and social sign-in, session helpers and a proxy that guards every dashboard route.
Streaming AI chat
A working assistant built on the Vercel AI SDK with streamed responses, markdown rendering and token accounting.
Charts and reporting
Recharts area, bar and radial charts sharing one themed config, so every graph matches your palette automatically.
Billing screens
Payment dashboards, transaction tables and three pricing layouts ready for the provider of your choice.
Boards and calendars
Drag-and-drop kanban on dnd-kit plus a full calendar with event mutations already implemented.
Themeable down to the token
Colour, radius and typography are plain CSS variables. Every preset the dashboard ships with is available right here - open the customizer on the right edge of this page and watch the whole site change with it.
Customizer → right edge
- --background
- oklch(1 0 0)
- --foreground
- oklch(0.145 0 0)
- --radius
- 0.625rem
- --font-sans
- "Inter"
Every page you were going to build anyway
Twenty-plus routes, each responsive, keyboard accessible and typed end to end.
Core
Two dashboards
Analytics overview and a denser variant
Users
Table, filters, invite and edit dialogs
Tasks
Data table with bulk actions and CSV export
Kanban
Drag-and-drop columns on dnd-kit
Communication
Mail
Resizable three-pane inbox
Chats
Conversation list with message threads
AI chat
Streaming assistant on the AI SDK
Calendar
Month view with event mutations
Account & system
Settings
Profile, account, appearance, notifications
Billing
Payment dashboard and transactions
Auth flows
Sign in, sign up and password reset
Error states
401, 403, 404, 500 and maintenance
Running locally in three steps
No scaffolding CLI, no config wizard. Clone it and the whole dashboard boots on mock data.
- 01
Clone and install
Pull the repo and install with pnpm. No paid dependencies, no license key, no account to create.
- 02
Point it at your data
Drop your Postgres URL into .env and push the Drizzle schema. Auth tables and the seed user come with it.
- 03
Make it yours
Delete the pages you do not need, set your tokens in globals.css, and start building the screens only you have.
Questions worth answering first
Clone it. Strip it. Ship it.
Your next internal tool, SaaS console or admin panel starts from working code instead of an empty app/ directory.