Analytics Dashboard

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

• Demo
• Website
• Documentation
• Support
• Affiliate Program

To report a bug or request a feature, open a new issue.