The free Bootstrap 5 admin dashboard, rebuilt for 2026
A Bootstrap 5.3.8 admin template with vanilla JavaScript (no jQuery), four distinct dashboard variants, a ⌘K command palette with substring search, six theme presets, toast notifications, loading skeletons, and a Pug + SCSS source pipeline for contributors. Built HTML still ships in the repo so end users can clone and open `index.html` with zero build step.
- Pages included
- 35
- Dashboard variants
- 4
- jQuery
- 0
- License
- MIT
Dashboards, apps, components, auth
Operations, sales, marketing, projects
Vanilla JavaScript on Bootstrap 5
Free for commercial use
Built around design tokens, on a Bootstrap 5 base
jQuery is gone — every interaction is vanilla JavaScript on Bootstrap 5.3.8. A CSS-variable design system sits on top, so six accent presets and shared components use the same tokens. Complete app dark-mode styling requires integration work.
⌘K command palette
Press ⌘K (or Ctrl+K) anywhere to open a palette with substring search. Navigate pages and run toast demo actions.
Six theme presets
Blue, Purple, Teal, Rose, Amber, Graphite. Switch via the floating palette button in the corner. Preference persists in localStorage across visits.
Modern overlay on stable base
Two-stylesheet design: legacy `theme.css` ships untouched; `app.css` (the modern overlay) activates by adding `body.app`. Migrate at your pace.
Chart.js + FullCalendar
Chart.js 4.5.1 across six chart types, FullCalendar 7.1.2 with self-updating demo events, Leaflet 1.9.4 loaded only on the map page.
Real interactive components
HTML5 drag-and-drop kanban, 12-message split-pane inbox with star/archive/reply, sortable + paginated data table, print-ready invoice.
Pug + SCSS source pipeline
Edit one nav file, every page updates. Vite dev server with HMR, SCSS partials split into ITCSS sections, built HTML still ships in the repo for users who skip the build.
Four dashboards, dozens of supporting pages
Four distinct dashboard variants — each with its own KPIs, primary chart, and supporting widgets — plus inbox, kanban, calendar, data table, invoice, and every form / auth / error page an admin app needs. Click any preview to open it on the live demo.
Operations dashboard
KPIs, sparklines, revenue chart, activity feed
Sales pipeline
Deal stages, conversion funnel, leaderboard
Marketing analytics
Channel breakdown, campaign performance, traffic sources
Projects dashboard
Active projects, progress bars, team avatars, deadlines
Plus 31 more pages
- Inbox — 12-message split-pane reader with star/archive/reply/delete
- Kanban — HTML5 drag-and-drop board
- Calendar — FullCalendar with self-updating demo events
- Data Table — sortable, filterable, paginated
- Invoice — print-ready layout
- Pricing tables
- Profile, settings, notifications
- Auth: login, register, forget password
- Errors: 404, 500, maintenance
- 7 UI element pages: alert, badge, button, card, chart, form, modal, progress
- Wizard, docs page, FontAwesome icon gallery, Leaflet map
Modern tooling, no legacy baggage
jQuery, AOS, Perfect Scrollbar, Swiper, and a second icon font are all gone. What's left is a current Bootstrap 5 base, three focused runtime libraries, and an optional build pipeline you can ignore entirely.
Build & tooling
CSS framework + JS components
Compiled by Sass CLI, 56 partials
HTML templating (optional source pipeline)
Dev server with HMR
SCSS compilation
Coordinated development processes
Debounced directory watching
Reproducible calendar minification
Contributor toolchain only
Runtime libraries
Loaded only on five chart pages
Self-updating demo events
Loaded only on the map page
Typography
353 icons, single icon font
Body + display
Code quality
Built-in Node test runner
Build, tests, and generated asset consistency
One Pug file. Every page updates.
The sidebar and mobile navigation read from one Pug data file. Edit `src/pug/partials/_nav-data.pug` and rebuild. Palette commands are maintained separately in `js/main-vanilla.js`.
- 1
Edit the nav data
Update
_nav-data.pugwith a new item or rename an existing one. - 2
Run the build
The Pug watcher rebuilds templates and writes only changed pages. Sidebar and mobile navigation update together.
- 3
Or skip the build
End users can clone and open
index.htmldirectly — built HTML ships in the repo root. The Pug pipeline is opt-in for contributors.
// src/pug/partials/_nav-data.pug
-
var navItems = [
{
icon: 'fa-solid fa-gauge',
label: 'Dashboards',
children: [
{ label: 'Operations', href: 'index.html' },
{ label: 'Sales', href: 'index2.html' },
{ label: 'Marketing', href: 'index3.html' },
{ label: 'Projects', href: 'index4.html' }
]
},
{ icon: 'fa-solid fa-inbox', label: 'Inbox', href: 'inbox.html' }
]Less JavaScript to download
v3.5.0 loads Chart.js only where charts render and minifies both calendar scripts. These are measured asset sizes compared with v3.4.0, excluding calendar CSS; they are not page-load timings.
Same 35 pages. Same Chart.js, FullCalendar, and Leaflet integrations. Just lighter.
Need more? Skip ahead to a production-grade dashboard
CoolAdmin is free and MIT-licensed — perfect for prototypes, side projects, and learning. When you're ready for 100+ components, RTL, multi-layout systems, or React/TypeScript variants, our DashboardPack collection has you covered.
Apex
Next.js 16 + React 19 + TypeScript + Tailwind v4 + shadcn/ui. 5 dashboard variants, 300+ color schemes, real authentication.
Zenith
Achromatic Django 6 dashboard with HTMX 2, Alpine.js 3, Tailwind v4. 27 wired apps, multi-tenant, 2FA, realtime via Channels, PWA, 1034 passing tests.
Haze
Next.js 16 + React 19 + shadcn/ui on Radix + Tailwind v4 + recharts. 96 pages across 5 dashboards, 8 interactive apps (chat, mail, kanban, calendar, files, editor, map, charts).
Admindek
Bootstrap 5.3.8 + vanilla JavaScript + Vite 8. 231 pages, 10 dashboard variants, dark/light themes, RTL support, 10 color presets.
SvelteForge
SvelteKit 2 + Svelte 5 multi-tenant SaaS dashboard. Billing (Stripe & Polar), CRM, helpdesk, invoicing, e-commerce, kanban, calendar, mail, AI chat, webhooks, REST API.
Apex Laravel
Laravel 13 + Inertia.js 3 + React 19 + Tailwind v4. Full backend CRUD, 5 dashboard variants, real authentication, 300+ color schemes.
Download CoolAdmin free
Enter your email and your download starts instantly — we’ll also send the link to your inbox, plus new templates and pro tips. Free & MIT-licensed.
By downloading, you agree to receive occasional emails from Colorlib. No spam — unsubscribe anytime.
Ship your dashboard this weekend.
CoolAdmin is free, MIT-licensed, and production-ready. Clone the repo, open `index.html` — no build step required. Bootstrap 5, vanilla JS, four dashboards, real interactive apps.
Read the docs