A free Bootstrap 5 admin dashboard built for education
Kiaalap is a modern, fully-responsive admin template built on Bootstrap 5 for schools and universities. 63 pages — student and professor management, course catalogs, departments, a library system, Chart.js dashboards, data tables, forms, and auth screens. jQuery-free, Vite-powered, and MIT-licensed.
Bootstrap 5.3.8 · Vite 8.3 · MIT licensed
- Pages included
- 63
- Bootstrap 5.3
- BS5
- Built for education
- Edu
- License
- MIT
Dashboards, students, courses, charts, auth…
jQuery-free, fully responsive
Students, professors, courses, library
Free for commercial use
Education pages with a lighter shared shell
Kiaalap 4 keeps Bootstrap 5 and its education-focused pages while reducing shared JavaScript by about 72%. Separate configuration files, a starter command, reduced-motion support and a clean dependency audit make the template easier to maintain.
Built on Bootstrap 5
A modern, jQuery-free Bootstrap 5.3 foundation with a Vite build system, ES6 modules, and scripts, styles and icon fonts bundled locally. Shared JavaScript is about 27 kB gzipped; charts and optional libraries load only where used.
Student & professor management
Full academic directories — all-students and all-professors lists, detailed student and professor profiles, plus add and edit flows for enrollment and faculty.
Courses & departments
A course catalog with course info, add/edit course and course-payment screens, alongside department organization for the whole institution.
Chart.js dashboards
Three dashboard layouts plus a dedicated analytics page, with Chart.js line, bar, area, pie, and rounded charts and inline sparklines ready for your data.
Data tables & rich forms
Simple-DataTables (vanilla JS) for sortable, searchable tables, plus basic and advanced forms with a Quill editor, Cropper.js, and native multi-upload examples.
Library, mailbox & auth
Library asset tracking, a full mailbox, a FullCalendar events page, plus login, register, lock screen, password recovery, and 404/500 screens. Forms and authentication are frontend demos, ready to connect to your backend.
About 72% less shared JavaScript
Chart.js moved to a separate entry and Day.js loads on demand. Bootstrap remains shared by the shell. Native Vite minifiers replace extra JavaScript and CSS minification tools.
Measured locally against v3.0.0. JavaScript figures cover the shared shell, excluding page-specific libraries, CSS, fonts and images. Build timings vary with hardware and cache.
Every page you'll actually need on day one
Explore six page previews below, then browse the full collection: three dashboard layouts, academic management, forms, charts, calendars, maps, mailbox, authentication screens and a minimal starter.
Dashboard
Education KPI cards, enrollment and revenue charts, and quick-stat widgets
Charts
Chart.js examples — line, bar, area, pie, and rounded charts
Data Tables
Sortable, searchable, paginated Simple-DataTables in vanilla JS
Forms
Inputs, selects, checkboxes, switches, and validation states
Widgets
Widget and card layouts — stats, headers, imagery, and colour variants
Login
Clean, centered authentication screen for the admin panel
More pages and workflows
- Analytics Dashboard (Chart.js widgets)
- Add / Edit Student + Student Profile
- All Professors + Professor Profile
- Add Course, Course Info & Course Payment
- Departments + Add / Edit Department
- Library Assets management
- Mailbox (inbox, compose, view)
- Events calendar (FullCalendar)
- Bar / Area / Rounded charts + Sparklines
- Login, Register, Lock Screen & Password Recovery
- Minimal starter page with a page-generation command
Modern tooling, no legacy baggage
Bootstrap 5, vanilla JavaScript and Vite 8 power the template. Both production and development dependencies audit clean. Libraries load only where needed; Quill 2.0.2 is intentionally pinned pending a fix for the latest release’s HTML export advisory.
Foundation
Responsive grid and components
Bootstrap theme customization
Native Oxc and Lightning CSS build pipeline
Shared template partials
Runtime libraries
Loaded only on chart pages
Vanilla JavaScript data tables
On-demand calendar
Interactive maps
Rich text editor; security pin
On-demand select controls and styles
Image cropping with async canvas export
On-demand number animations
On-demand date utilities
On-demand sliders
On-demand scrollbars and styles
Icons
Locally bundled icon font
Code quality
JavaScript linting
CSS correctness checks
Formatting and SCSS syntax checks
68 browser regression tests
Start with a clean page, customize the shared shell.
Generate a page, set its metadata, and reuse Bootstrap components. Navigation, shared user data and theme values have dedicated configuration files.
- 1
Create a page
Run
npm run page:new -- attendance; the command refuses to overwrite existing pages. - 2
Customize the context
Set titles and breadcrumbs in
src/config/pages.js, and shared metadata insrc/config/site.js. - 3
Style and verify
Edit
src/scss/_theme.scss, then runnpm run checkto lint, test and build.
{{> head}}
{{> sidebar}}
<div class="main-wrapper" id="mainWrapper">
{{> header}}
<main class="dashboard-content" id="main-content">
<div class="container-fluid">
<h1>{{pageTitle}}</h1>
<!-- Your Bootstrap components -->
</div>
</main>
{{> footer}}
</div>
{{> scripts}} Download Kiaalap 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.
Start your education panel with Kiaalap.
Kiaalap is free, MIT-licensed, and ready to customize. Download the zip, open it in your editor, and you have 63 Bootstrap 5 pages — students, professors, courses, and more — to build on.
More free admin templates