EduManage Education Admin Dashboard

EduManage - School & LMS Management Admin Dashboard (Bootstrap 5 HTML Template)

EduManage is a premium Bootstrap 5 admin template for schools, colleges, universities, coaching centers, and online academies. It combines a School Management System and a Learning Management System (LMS) in one clean, modern, and fully customizable front end.

You get 50 ready-to-use pages, three dashboards, a live theme customizer, true light, dark, and system modes, and a complete LMS with a drag-and-drop course builder and quiz builder.

Everything is built with plain HTML, CSS, and one vanilla JavaScript file, so you can use it with Laravel, PHP, CodeIgniter, Django, ASP.NET, Node.js, or any other backend.

Important: EduManage is a front-end template. It looks and behaves like a finished product, but it uses demo data and does not include a server or database. Your developer connects it to your own backend.

Why Choose EduManage?

• Two systems in one: School management and LMS share the same design, so you do not need to stitch two templates together.

• Built for education: Realistic pages for admissions, attendance, timetables, gradebooks, report cards, fees, and live classes. Not a generic dashboard with a school logo.

• Easy to brand: Change the color, font, layout, and corners in seconds from the built-in Appearance panel. No coding needed.

• Easy to read and edit: Unminified, formatted, and commented code. One JavaScript file and six clearly named CSS files.

• No framework lock-in: No React, Vue, Angular, or Tailwind. No build step and no Node.js required.

• Documentation with screenshots: A clear, step-by-step guide is included.

Who Is It For?

• Schools, colleges, and universities that need an admin panel for students, teachers, classes, and exams.

• Coaching centers, training institutes, and private academies that run courses, assignments, and quizzes.

• EdTech startups and online education platforms that need an LMS front end.

• Corporate training teams that manage courses, learners, and live sessions.

• Freelancers and agencies building a school or LMS product for a client.

Top Features

Design and Customization

• Light, Dark, and System modes: Dark mode is properly designed for every part of the interface, including tables, forms, modals, dropdowns, and charts. System mode follows the device setting. The saved mode loads before the page is drawn, so there is no flash of the wrong theme.

• Live Theme Customizer: A slide-in panel where changes apply instantly and are remembered in the browser.

• 10 primary color presets plus a custom color picker. Buttons, links, active menus, tabs, progress bars, focus rings, and charts all follow your selected color.

• 7 font choices: Inter, Plus Jakarta Sans, Manrope, Poppins, DM Sans, Roboto, and Nunito Sans.

• 3 font sizes: Small, Default, and Large.

• Sidebar options: Light, Dark, or Primary style, expanded or collapsed, fixed or static.

• Layout options: Fluid or boxed container, fixed or static header.

• UI density: Comfortable or Compact.

• Border radius: Sharp, Medium, or Rounded.

• 6 one-click theme presets: Default, Ocean, Indigo, Purple, Emerald, and Dark.

• Reset to default button.

• CSS variables everywhere: Change one value in variables.css and the whole template follows.

Productivity and Usability

• Command palette search with the Ctrl + K or / shortcut.

• Popup forms for adding students, teachers, courses, announcements, live classes, invoices, lessons, assignments, exams, expenses, and more, with built-in validation.

• Working filters and search on lists. Filter students, teachers, courses, invoices, and more instantly.

• Bulk selection in the student list with a bulk action bar.

• Notification and message menus in the header, with Mark All as Read.

• Improved profile menu with a quick theme switch.

• Collapsible sidebar with expandable groups. The active page and its group are highlighted automatically.

• Toast messages for quick feedback.

• Footer on every page.

School Management

• Student list with search, filters, attendance bars, and fee status.

• Detailed student profile with 9 tabs and an attendance calendar.

• Admissions dashboard and multi-field admission form.

• Attendance marking sheet with Present, Absent, Late, and Leave, plus live counters.

• Teacher directory, teacher profile, weekly schedule, and leave approval.

• Classes, subjects, and departments.

• Weekly timetable with Week and Day views.

Learning Management System (LMS)

• Course cards with category, instructor, status, and level filters.

• Course details with curriculum accordion, students, assignments, quizzes, resources, and analytics.

• Drag-and-drop course builder: Add modules and lessons, reorder them, and choose lesson types such as video, PDF, document, link, text, quiz, and assignment.

• Lessons manager with attachments and visibility.

• Assignments with instructions, attachments, and submission status.

• Quiz builder with Multiple Choice, True / False, Short Answer, and Multiple Select questions, time limit, attempts, passing score, random order, and result visibility.

• Question bank with subject, type, and difficulty filters.

• Live classes with schedule popup.

Examination, Finance, and Communication

• Exam dashboard and schedule.

• Marks entry where grades, average, highest, and lowest update as you type.

• Gradebook with weighted totals, grade, and GPA.

• Printable report card with school details, subjects, GPA, rank, attendance, and remarks.

• Fee collection with revenue and payment charts.

• Invoice creator with add/remove fee rows and automatic totals.

• Printable invoice with Print, Download, and Send buttons.

• Expenses with category chart and scholarships with budget tracking.

• Announcements with a notice board.

• Two-pane messages screen with a live composer.

• Calendar with Month, Week, and Day views and 7 event types.

Reports and Settings

• Reports and analytics with 7 report tabs, filters, and Export CSV, Export PDF, and Print buttons.

• General settings with 5 tabs: General, School Profile, Academic, Localization, and Payment.

• Roles and permissions matrix for Super Admin, Admin, Teacher, Accountant, Student, and Parent.

• Notification settings by event and channel, including email, SMS, and in-app notifications.

Dashboards

School Overview

• 8 KPI cards with trend lines.

• Enrollment, attendance, academic performance, and LMS engagement charts.

• Recent admissions.

• Upcoming exams.

• Recent payments.

• Activity overview.

LMS Dashboard

• Active learners.

• Course completion.

• Quiz pass rate.

• Learner activity chart.

• Top courses.

• Today's live classes.

Finance Dashboard

• Billed, collected, pending, and overdue amounts.

• Revenue trend.

• Payment methods.

• Longest overdue invoices.

All 50 Pages

Dashboards — 3

• School Overview

• LMS Dashboard

• Finance Dashboard

Students — 4

• Student List

• Student Profile

• Admissions

• Attendance

Teachers — 4

• Teacher List

• Teacher Profile

• Teacher Schedule

• Teacher Leave

Academics — 4

• Classes

• Subjects

• Departments

• Timetable

LMS — 9

• Courses

• Course Details

• Course Builder

• Lessons

• Assignments

• Quizzes

• Quiz Builder

• Question Bank

• Live Classes

Examination — 4

• Exam Schedule

• Marks Entry

• Gradebook

• Report Cards

Finance — 5

• Fee Collection

• Invoices

• Invoice View

• Expenses

• Scholarships

Communication — 4

• Announcements

• Messages

• Calendar

• Notifications

Reports — 1

• Reports and Analytics

Settings — 3

• General Settings

• Roles and Permissions

• Notification Settings

Extra Pages — 2

• My Profile — Personal info, security, notifications, and activity.

• UI States — Empty states, loading skeletons, and error screens you can copy.

Authentication — 7

• Login

• Register

• Forgot Password

• Reset Password

• Verify Email

• Two-Factor Authentication

• Lock Screen

Responsive, Accessible, and Print-Friendly

• Fully responsive: Fixed sidebar on desktop, collapsible sidebar on tablet, and slide-in sidebar on mobile.

• Forms become one column, and wide tables scroll inside their own container.

• Accessibility-minded: Semantic HTML, labeled form fields and icon buttons, keyboard-friendly controls, visible focus outlines, and status shown with words or letters instead of color alone.

• Reduced motion support for visitors who prefer fewer animations.

• Print-friendly pages: Sidebar, header, and buttons are hidden when printing invoices, report cards, student profiles, timetables, and reports.

• Empty, loading, and error states are included as ready-to-copy patterns.

Clean, Developer-Friendly Code

• Bootstrap 5.3 grid and components, customized so the result does not look like default Bootstrap.

• One vanilla JavaScript file (app.js), unminified and commented. No jQuery.

• Six CSS files: Variables, dark-mode, style, components, dashboard, and responsive. All are unminified and formatted.

• Data-attribute hooks: Add attributes such as data-table-filter, data-modal-form, or data-toast to your own HTML and the behavior just works.

• Chart.js 4 charts defined in one place. Replace the sample numbers with your own data. Charts recolor automatically when the theme changes.

• Reusable components: KPI cards, status badges, avatars, timelines, data tables, modals, tabs, accordions, offcanvas panels, calendar, and chat bubbles.

• Easy backend integration: Documentation includes a Laravel Blade layout example and notes for PHP, Django, and Node templates.

What Is Included in the Download

• 50 HTML pages organized in clear folders.

• assets/css: 6 formatted CSS files.

• assets/js: 1 JavaScript file.

• Documentation: Open documentation/index.html for screenshots, step-by-step guides, JavaScript hooks reference, and FAQ.

Documentation

The included guide explains everything in simple language, with screenshots of the important pages.

It covers:

• Quick start in 5 minutes.

• A tour of every module.

• How to use the theme customizer.

• How to change colors, fonts, logo, and default theme.

• How to add your own theme preset.

• How to replace chart data.

• How to create a new page.

• CSS files and JavaScript hooks reference.

• Laravel, PHP, and Django integration.

• Hosting the libraries yourself for offline use.

• Troubleshooting and FAQ.

Browser Support

• Google Chrome — Latest two versions.

• Microsoft Edge — Latest two versions.

• Mozilla Firefox — Latest two versions.

• Safari on macOS and iOS — Latest two versions.

Please Note

• EduManage is an HTML front-end template. It does not include a backend, database, user login logic, payment processing, or real-time messaging. Your developer adds these features.

• All names, schools, students, and numbers are demo content.

• Bootstrap, Bootstrap Icons, Chart.js, and Google Fonts load from a CDN. The documentation explains how to host them yourself.

• Demo images and course thumbnails are icon-based. No photographs are included.

Sources and Credits

• Bootstrap 5 — MIT License

• Bootstrap Icons — MIT License

• Chart.js — MIT License

• Google Fonts: Inter, Plus Jakarta Sans, Manrope, Poppins, DM Sans, Roboto, and Nunito Sans — Open Font Licenses

Changelog

Version 1.0.0

• Initial release.

Support

Need help? Please read the included documentation first.

If you still have a question, send a message through the item support tab. Please include your browser name and version, the page you were on, and a screenshot of the browser console if there is an error.

Support covers questions about how the template works and bug fixes. It does not include custom development or backend integration.

If you like EduManage, please rate it on your Downloads page. Thank you!