Preview
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.
Features
- 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/core ships TypeScript declarations and is safe to import during server-side rendering.
- Modern tooling: Vite, Handlebars pages and Sass.
AdminKit and AdminKit PRO
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 | 1,999 | 4,071 |
| Sidebar color schemes | 1 | 3 |
| Dark mode | ✔ | ✔ |
| AI features | | ✔ |
| Settings panel | | ✔ |
| Support | GitHub issues | Email |
| License | MIT | Commercial |
Quick start
Clone the repository and install the dependencies (Node.js 24):
git clone https://github.com/adminkit/adminkit.git
cd adminkit
npm install
Start the development server on http://localhost:8080:
npm start
Build the production files into dist/:
npm run build
You can also download a zip, or install the built files from npm (npm install @adminkit/core) or the unpkg CDN; see Download.
Frameworks
Setup guides for HTML, Laravel, Django, Rails, Symfony, React, Next.js, Vue, Nuxt, Angular, SvelteKit and Astro.
Documentation
Quick start, file structure, customization, dark mode, icons, animations, accessibility and every component are documented at adminkit.io/docs.
Browser support
| Edge | Firefox | Chrome | Safari | iOS Safari |
|---|
| 111+ | 114+ | 111+ | 16.4+ | 16.4+ |
Resources
To report a bug or request a feature, open a new issue.
