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 31+ commands, 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, not framework defaults
v4 is a ground-up rewrite. Bootstrap is gone, jQuery is gone, and the entire UI runs off a single CSS-variable design system. Every component you see is custom, theme-aware, and 85% smaller than v3.
⌘K command palette
Press ⌘K (or Ctrl+K) anywhere to open a 31-command palette with fuzzy matching. Navigate the dashboard, run quick actions, toggle the theme.
Six theme presets
Default Blue, Indigo, Emerald, Sunset, Rose, Slate. Toggle with Cmd/Ctrl+Shift+T. Preferences persist 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 6.1.20 with self-updating demo events, Leaflet 1.9.4 for the map page (lazy-loaded).
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
v4 dropped Bootstrap, jQuery, dayjs, perfect-scrollbar, masonry-layout, and four more dependencies. What's left is what an admin template actually needs in 2026.
Build & tooling
CSS framework + JS components
Compiled by Vite, 56 partials
HTML templating (optional source pipeline)
Dev server with HMR
Runtime libraries
Six chart types
Self-updating demo events
Lazy-loaded on the map page
Typography
353 icons, single icon font
Body + display
Code quality
One Pug file. Every page updates.
The sidebar nav, mobile drawer, and ⌘K palette all read from a single Pug data file. Edit `src/pug/partials/_nav-data.pug`, run `npm run build`, every page picks up the change.
- 1
Edit the nav data
Update
_nav-data.pugwith a new item or rename an existing one. - 2
Run the build
Vite watcher recompiles every page. Sidebar + mobile drawer + ⌘K palette all update.
- 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
- const nav = [
- { kind: 'group', label: 'Dashboards', items: [
- { key: 'index', href: 'index.html', text: 'Operations' },
- { key: 'sales', href: 'index2.html', text: 'Sales pipeline' },
- { key: 'mktg', href: 'index3.html', text: 'Marketing' },
- { key: 'proj', href: 'index4.html', text: 'Projects' }
- ] },
- { kind: 'item', key: 'inbox', href: 'inbox.html', text: 'Inbox', icon: 'fa-inbox' },
- { kind: 'item', key: 'kanban', href: 'kanban.html', text: 'Kanban', icon: 'fa-columns' }
- ] 85% smaller than v3
Dropping Bootstrap, jQuery, perfect-scrollbar, dayjs, and four other dependencies took the production bundle from "huge" to "barely there." These are real numbers from the v3 → v4 migration.
Same 18 pages. Same Chart.js, FullCalendar, and jsvectormap integrations. Just lighter.
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