AdminKit is a free & open-source Next.js dashboard & admin template based on Bootstrap 5.
A professional admin and dashboard template built with Next.js, React, TypeScript and Bootstrap 5, with a dashboard, pages, forms, tables, charts and icons. Free and MIT-licensed. Open the demo.
- Next.js App Router: React 19 and strict TypeScript, exported as static HTML you can host anywhere.
- No Bootstrap JavaScript: dropdowns, modals, alerts and the sidebar sheet are React components on Bootstrap's markup and classes.
- Dark mode: light, dark and auto, built on Bootstrap's color modes, without a flash on load.
- Accessible: targets WCAG 2.2 AA in light and dark mode.
- Fully responsive: the sidebar turns into an off-canvas sheet on small screens.
- Modern tooling: Sass, ESLint, Prettier and Playwright tests that check every page with axe.
Need more? AdminKit PRO adds more pages, dashboards and plugins, AI features and a settings panel.
| AdminKit | AdminKit PRO | |
|---|---|---|
| Pages | 20 | 53 |
| Dashboards | 1 | 5 |
| Plugins | 4 | 11 |
| Icons | 2,015 | 4,178 |
| Sidebar color schemes | 1 | 3 |
| Dark mode | ✔ | ✔ |
| AI features | ✔ | |
| Settings panel | ✔ | |
| Support | GitHub issues | |
| License | MIT | Commercial |
Clone the repository and install the dependencies (Node.js 24):
git clone https://github.com/adminkit/adminkit-nextjs.git
cd adminkit-nextjs
npm installStart the development server on http://localhost:3000:
npm run devBuild the static site into out/, and serve it with npm start:
npm run buildInstallation, project structure, theming, dark mode, deployment and every component are documented at adminkit.io/nextjs/docs.
 Edge |
 Firefox |
 Chrome |
 Safari |
 iOS Safari |
|---|---|---|---|---|
| 111+ | 114+ | 111+ | 16.4+ | 16.4+ |
To report a bug or request a feature, open a new issue.