A powerful, feature-rich admin dashboard built with the latest web technologies. Designed for developers who want a modern, responsive, and highly customizable admin interface with minimal setup.
Demo: https://shadcn-admin-next-seven.vercel.app/
- π¨ Modern UI/UX - Clean, intuitive interface with smooth animations
- π± Fully Responsive - Works perfectly on desktop, tablet, and mobile
- π Dark/Light Mode - Automatic theme switching with system preference
- π Rich Components - Charts, tables, forms, and more
- π Authentication - Complete auth system with role-based access
- π i18n Ready - Multi-language support
- β‘ Performance - Optimized for speed and SEO
- π― TypeScript - Full type safety throughout the application
- Next.js 15 - React framework with App Router
- React 19 - Latest React with concurrent features
- Tailwind CSS 4 - Utility-first CSS framework
- TypeScript 5 - Type-safe JavaScript
- shadcn/ui - Beautiful, accessible components
- Radix UI - Unstyled, accessible UI primitives
- Lucide React - Beautiful & consistent icons
- Recharts - Composable charting library
- React Table - Headless UI for tables
- Framer Motion - Animation library
- ESLint - Code linting
- Prettier - Code formatting
- Husky - Git hooks
- Commitizen - Conventional commits
- Node.js 22+
- npm or yarn or pnpm
# Clone the repository
git clone https://github.com/snkzhong/shadcn-admin-next.git
cd shadcn-admin-next
# Install dependencies
npm install
# or
yarn install
# or
pnpm install
# Copy environment variables
cp .env.example .env.local
# Update environment variables in .env.local
# Start development server
npm run dev
# or
yarn dev
# or
pnpm dev
# Open http://localhost:3000 in your browser