The free admin dashboard template, redesigned for 2026
A 3M+ download admin template, rebuilt from scratch on Vite 8. 58 pages, 20 ECharts variants, a live theme generator that restyles every component in real time, a component playground with copy-paste HTML, a ⌘K command palette, dark mode, and PWA support. No Bootstrap. No jQuery.
- Pages included
- 58
- ECharts variants
- 20
- jQuery / Bootstrap
- 0
- License
- MIT
Dashboards, inbox, kanban, file manager…
Line, bar, gauge, radar, funnel, sunburst
Vanilla JS + SCSS on Vite 8
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.
Live theme generator
Pick a primary color, watch every chart, button, badge, and link restyle in real time. Copy or download the generated SCSS tokens directly from the page.
Component playground
Every reusable component on one page, side-by-side with its exact HTML and a Copy button. Stop guessing the markup — copy it.
⌘K command palette
Fuzzy search across all 58 pages and inline actions. Open with ⌘K, Ctrl+K, or `/` from anywhere.
Inbox · Kanban · File manager
Real interactive components, not screenshots. Inbox with J/K/R/S/# shortcuts. Drag-and-drop kanban. Tree + grid file browser.
Dark mode with no flash
Respects `prefers-color-scheme`, persists toggle in `localStorage`, pre-paint inline script eliminates the flash of incorrect theme on load.
PWA-ready out of the box
Installable on macOS, Windows, iOS, Android. Service worker, offline shell, manifest. Lighthouse score in the 90s on every page.
Every page you'll actually need on day one
Eight headline pages with real, working integrations — and ten more for the boring-but-essential surfaces every admin app needs.
Dashboard
Operations overview — KPIs, ECharts revenue line, region donut, activity feed
Dashboard (dark)
Same dashboard with dark mode active — every chart and table re-renders
Inbox
Real folders, reader pane, compose modal, J/K/R/S/# keyboard shortcuts
Kanban
Drag-and-drop board, swimlanes, card detail flyout, WIP limits
Theme generator
Live primary-color picker — every chart and component restyles instantly
Component playground
Every component with its HTML next to it — Copy button on each
Calendar
Month grid with events, sidebar mini-calendar, drag-to-reschedule
File manager
Tree + grid view, breadcrumbs, search, share/download actions
Plus 10 more pages
- 4 dashboard variants (operations, analytics, sales, system health)
- Auth set: sign-in · register · social · 2FA · forgot password · lock screen · 403/404/500
- Forms: general · advanced controls · 6-step wizard · drag-and-drop upload · validation
- Tables: basic · DataTables.net · sortable, filterable, with row actions
- E-commerce: products · cart · checkout · order detail
- Project pages: list · detail · timeline
- Profile, settings, billing, notifications
- UI elements gallery: buttons, badges, alerts, modals, tooltips, progress bars
- Maps: Leaflet world + city markers
- Pricing tables, FAQ, error pages
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
Multi-page bundler with Rolldown, 60 entry points
CSS preprocessor, no framework
Runtime libraries
20 chart variants, lazy-loaded by type
Core only, re-skinned to match the design system
Lazy-imported on the map page only
Typography
Body + display
Code quality
Flat config
Screenshot + visual-regression pipeline
One nav config. Auto-discovered entries. New page.
Vite 8 auto-discovers every HTML file under `src/` as an entry point. The shell renderer reads a single nav config and marks the active page from a body attribute. Adding a page is two steps — no router config, no manual entry registration.
- 1
Create the HTML
Drop
src/reports.htmlwith the body anatomy above. - 2
Register the nav entry
Add
{ key: 'reports', text: 'Reports', href: '/reports.html', icon: '...' }to NAV inshell-render.js. Sidebar + ⌘K palette pick it up automatically. - 3
Restart Vite
Vite re-scans for entry points on restart. That's it — your page renders with the shell, theme toggle, mobile drawer, and ⌘K palette all wired up.
<body data-page="reports">
<div data-shell-sidebar></div>
<main class="content">
<!-- your page content -->
</main>
<div data-shell-footer></div>
</body>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.
Need more? Skip ahead to a production-grade dashboard
Gentelella 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. No jQuery (except DataTables).
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.
Ship your dashboard this weekend.
Gentelella is free, MIT-licensed, and production-ready. Clone the repo, run `npm install`, and you have 58 working pages with dark mode, ECharts, a real inbox, and a kanban board.
Read the docs