C CoolAdmin v3.3.0
v3.3.0 — May 2026 · MIT license

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.

CoolAdmin dashboard, light mode
Pages included
35

Dashboards, apps, components, auth

Dashboard variants
4

Operations, sales, marketing, projects

jQuery
0

Vanilla JavaScript on Bootstrap 5

License
MIT

Free for commercial use

Why CoolAdmin

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

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 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.

35 ready-to-ship pages

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.

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
Tech stack

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

Bootstrap 5.3.8

CSS framework + JS components

SCSS @use modules

Compiled by Vite, 56 partials

Pug 3.x

HTML templating (optional source pipeline)

Vite 5.x

Dev server with HMR

Runtime libraries

Chart.js 4.5.1

Six chart types

FullCalendar 6.1.20

Self-updating demo events

Leaflet 1.9.4

Lazy-loaded on the map page

Typography

Font Awesome 7.2.0

353 icons, single icon font

Inter variable

Body + display

Code quality

Customization

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. 1

    Edit the nav data

    Update _nav-data.pug with a new item or rename an existing one.

  2. 2

    Run the build

    Vite watcher recompiles every page. Sidebar + mobile drawer + ⌘K palette all update.

  3. 3

    Or skip the build

    End users can clone and open index.html directly — built HTML ships in the repo root. The Pug pipeline is opt-in for contributors.

src/dashboard.html
// 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' }
- ]
Bundle size

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.

Metric
v3.0.0
v4.x
Delta
JS removed from every page
~260 KB
0
AOS, Perfect Scrollbar, Swiper — unused, deleted
Icon fonts
Material Iconic + Font Awesome
Font Awesome 7
353 usages migrated
Vendor prefixes
718 obsolete declarations
Removed
theme.css 33 KB smaller

Same 18 pages. Same Chart.js, FullCalendar, and jsvectormap integrations. Just lighter.

Premium upgrade

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.

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