AdminKit is a free & open-source HTML dashboard & admin template based on Bootstrap 5.
A professional admin and dashboard template based on Bootstrap 5, with dashboards, pages, forms, tables, charts and icons. Free and MIT-licensed. Open the demo.
- Dark mode: light, dark and auto, built on Bootstrap's color modes.
- No jQuery: AdminKit and every plugin it uses run on plain JavaScript.
- Accessible: targets WCAG 2.2 AA in light and dark mode.
- Fully responsive: the sidebar turns into an off-canvas sheet on small screens.
- Any framework: plain HTML, CSS and JavaScript, with setup guides for React, Vue, Angular, Laravel and more.
- npm and CDN:
@adminkit/coreships TypeScript declarations and is safe to import during server-side rendering. - Modern tooling: Vite, Handlebars pages and Sass.
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.git
cd adminkit
npm installStart the development server on http://localhost:8080:
npm startBuild the production files into dist/:
npm run buildYou can also download a zip, or install the built files from npm (npm install @adminkit/core) or the unpkg CDN; see Download.
Setup guides for HTML, Laravel, Django, Rails, Symfony, React, Next.js, Vue, Nuxt, Angular, SvelteKit and Astro.
Quick start, file structure, customization, dark mode, icons, animations, accessibility and every component are documented at adminkit.io/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.