An admin dashboard template for the back office of a clinic, medical practice or hospital: 112 HTML pages with 8 dashboards, appointments, patients, doctors and staff, wards and beds, care, billing, apps, a patient portal, printable clinical documents, a UI kit and sign-in pages. Calm teal design with a dark sidebar, a live clinic strip, doctor schedule lanes, a waiting-room queue and a bed board.

Built on Bootstrap 5.3.8 with plain JavaScript, no jQuery and no build step: open index.html and it works. It is a front-end template with sample data. There is no server, database or real AI behind it, and the forms send nothing until you connect them to your own back end.

What's included

• 112 HTML pages (8 dashboards included). Every page also comes as a right-to-left copy (rtl/) and in Polish and German (pl/, de/): versions of the same 112 pages, not extra pages
• 8 dashboards: Clinic overview, Doctor, Reception desk, Patient, Dental clinic, Veterinary clinic, Finance, AI insights (simulated)
• Appointments & patients: All appointments, Calendar, Booking wizard, Appointment details, Queue board, Telehealth visit screen, Patient list, Patient cards, Patient profile, Medical history, Patient documents, Add patient
• Doctors, staff & wards: Doctors, Doctor profile, Add doctor, Staff, Duty roster, Departments, Department details, Bed board, Admissions, Operating rooms
• Care: Medical records, Visit note (SOAP), Prescriptions, Lab orders, Lab report, Radiology, Vaccinations, Pharmacy inventory, Medicine details, Suppliers, Purchase orders
• Printable documents: Prescription, Lab report, Discharge summary, Medical certificate, Referral letter, Invoice
• Finance: Invoices, New invoice, Payments, Insurance claims board, Expenses, Price list
• Apps: Team chat, Mail (inbox, read, compose), Tasks (kanban), Files, Notes, Contacts, Clinova Assist (simulated AI assistant), Locations map
• Patient portal: Home, My appointments, My results, My prescriptions, My bills, Messages
• Reports & admin: Reports, Notification center, Search results, Users, Roles & permissions, Activity log, Clinic settings, Notification settings, Integrations, My profile, Account, Plans, Help center, Blank page
• UI kit: Buttons, Cards, Alerts & toasts, Badges & pills, Modals, Tabs & accordions, Timeline, Progress & loaders, Typography, Icons, Widgets, Form elements, Advanced inputs, Validation, Wizard, Basic tables, Data table, Charts, Maps
• Sign-in & system: Sign in (2 layouts), Create account, Forgot password, Reset password, Two-step sign-in, Lock screen, Error 404, Error 500, Maintenance, Coming soon
• 8 e-mail templates, counted separately from the pages: appointment confirmation, appointment reminder, video visit link, results ready, prescription ready, invoice, password reset, staff invite
• HTML documentation, SCSS sources with an npm build, readable and minified CSS and JS, custom.css for your own styles

Features

• 8 dashboards with KPI tiles, sparklines, a doctors' schedule on a time axis, a waiting-room queue with triage colours, a bed occupancy map and a revenue overview
• 11 colour skins, a custom brand colour picker, light and dark mode, dark or light sidebar, compact menu, fluid or boxed layout and a light, dark or brand top bar, all in a theme panel; the choice is remembered in the browser
• Data tables without extra libraries: search, column filters, sorting, paging, select all, bulk actions and CSV export made in the browser
• Charts without code: 12 ApexCharts types set up with data-chart attributes; colours follow the skin and dark mode
• Notification center with filters, read and unread state and actions, and a search results page grouped by patients, doctors, appointments, invoices, records and pages
• Printable clinical documents with a Print button and print styles: prescription, lab report, discharge summary, medical certificate, referral letter and invoice
• Apps: calendar with drag and drop (FullCalendar), kanban tasks and a drag-and-drop queue (SortableJS), chat, mail with a rich text editor (Quill), notes, files and a locations map (Leaflet with OpenStreetMap)
• Forms: validation styles, step wizard, date and time pickers (flatpickr), file drop zone, one-time code input, password strength meter and character counter; demo forms show a message and send nothing
• Patient portal pages for appointments, results with explanations, prescriptions with refill requests, bills and messages
• Clinova Assist: an AI assistant layout with fixed sample answers, clearly labelled as simulated
• Full RTL version with Bootstrap RTL and a direction switch in the theme panel
• English, Polish and German versions of every page, with a language switcher in the top bar and local date and number formats
• SCSS sources (Dart Sass modules) and npm scripts: npm run build compiles the CSS and writes minified CSS and JS
• Self-hosted Inter fonts and icons: the pages load nothing from Google Fonts or a CDN (only the map tiles come from OpenStreetMap)
• Tested with axe-core on every page in light and dark mode, left to right and right to left: 0 issues
• Keyboard-friendly: skip link, labelled icon buttons, labelled charts, focus styles, reduced motion respected

Technical details

• Bootstrap 5.3.8 and Bootstrap Icons 1.13.2 (MIT), ApexCharts 4.7.0, FullCalendar 6.1.19 (standard, MIT), flatpickr 4.6.13, SortableJS 1.15.6, Quill 2.0.3, Leaflet 1.9.4, all included in assets/vendor
• Plain JavaScript, no jQuery
• Optional Sass build: npm install, then npm run build (Node.js 18 or newer; not needed to use the template)
• Static HTML: no PHP, database or server code
• Tested in Chromium-based browsers (Chrome, Edge) at phone and desktop widths

Good to know

• Sample data only. All patients, doctors, clinics, numbers and messages are invented. The template is a user interface, not a working medical or practice-management system: to use it with real patients you connect it to your own back end, which has to meet the rules that apply to you.
• AI features are simulated. The AI insights dashboard and Clinova Assist show fixed sample answers; no AI service is called.
• Forms, sign-in and buttons such as "Send reminder" or "Pay" are demos: they show a message and send nothing.
• The maps load tiles from OpenStreetMap over the internet. Everything else works offline, straight from the disk.
• No photos are used: avatars are initials, so there is nothing to replace or license.

Credits

• Bootstrap 5.3.8, Bootstrap Icons 1.13.2, ApexCharts 4.7.0, FullCalendar 6.1.19, flatpickr 4.6.13, SortableJS 1.15.6 (MIT)
• Quill 2.0.3 (BSD-3-Clause), Leaflet 1.9.4 (BSD-2-Clause)
• Inter and Inter Display (SIL Open Font License 1.1)
• Maps: © OpenStreetMap contributors (ODbL)