Shadcn Dashboard

ShadcnDashboard.dev is a complete admin dashboard kit built with Shadcn UI, Base UI, Tailwind CSS v4, Next.js, and React. It's designed to help developers build and ship beautiful admin panels faster. The kit includes reusable UI blocks, a comprehensive component library, pre-built application pages, and authentication flows, allowing you to go from zero to a fully functional admin panel in minutes. It also comes with a complete Figma design system for seamless design and development workflows.

ShadcnDashboard.dev is proudly backed by WrapPixel, a trusted name in the admin dashboard ecosystem with over 15 years of experience building production-ready UI templates and component libraries. WrapPixel's products are used by 600K+ developers and agencies worldwide and are consistently rated 4.9/5 for quality, consistency, and developer experience. The portfolio includes AdminMart, ShadcnSpace, Tailwindadmin, and GetNextJSTemplates.

The registry includes pre-made UI blocks for dashboard layouts/shells, interactive chart sections (using Recharts), TanStack data tables, responsive sidebars, advanced forms, and auth layouts. It also contains standard components like cards, date pickers, command palettes, and custom animated elements, all optimized for Next.js, React, and Tailwind CSS. Layouts include Dark, Horizontal Navigation, Collapsible Sidebar, Mini Sidebar (compact view), and RTL (Right-to-Left). You can switch between them easily to suit your application's needs.

You have complete flexibility. You can download the entire Next.js dashboard template to start a new project from scratch, or use our CLI (npx shadcn@latest add @shadcn-dashboard/[block-name]) to install individual blocks directly into your existing project. The CLI configures import paths and installs necessary dependencies automatically.

Supabase Auth, Clerk, NextAuth (Auth.js) Authentication are supported with ready-to-use integrations and examples. You can choose the provider that fits your stack and switch between them easily.

Both charts and data tables are production-ready. Charts are built with Recharts and are fully interactive with real data binding. Data tables use TanStack Table with sorting, filtering, and pagination built in, not static mockups.

We provide a custom Model Context Protocol (MCP) server that indexes our entire component registry. When connected to AI editors like Cursor, Claude Code, or Windsurf, the AI assistant understands your layout, components, and Tailwind styles in real time. This means the AI can generate and modify code that matches your existing setup perfectly, without you having to manually copy-paste context.

Yes. The design system is built on CSS variables and Tailwind configuration, so you can modify colors, typography, spacing, and radius values globally. You can also create entirely new themes or extend the existing ones without touching individual component files.

Yes! The dashboard comes with a built-in Style Switcher supporting presets like Lyra, Nova, Maia, Mira, Luma, Vega, and Rhea. Switching presets dynamically changes the border radius, shadows, borders, and overall aesthetics.

The Pro Figma Kit is included with the Pro, Teams, and Enterprise plans. It is not included with the Free plan.