Meridian — Free Bootstrap 6 Medical & Clinic Website Template
Meridian is a free, premium Bootstrap 6 website template for clinics, GP surgeries, dental practices and private healthcare. It pairs a full clinic homepage — services, clinicians, opening hours and an inline appointment booking form — with a service detail page covering what to expect, preparation and costs.
Healthcare sites live or die on booking, and this is where Bootstrap 6 earns its keep. The appointment form uses the new Datepicker and a searchable Combobox for service type, and the patient portal demonstrates the OTP input for two-factor sign-in and the password Strength meter for registration. None of those components exist in Bootstrap 5.
Key features
- Two pages — clinic homepage and a service detail page
- Inline appointment booking with the new Datepicker, Combobox service picker and time-slot toggles
- Patient portal dialog using OTP input for two-factor sign-in and the password Strength meter
- Service cards, clinician profiles with specialism chips and an insurers strip
- Opening hours panel and an accordion FAQ on native
- Emergency information bar above the header
- Service page with prose typography, preparation notes, published costs and a sticky booking rail
- Retheme the whole clinic by changing a single –brand token
- Full dark mode via data-bs-theme, remembered across visits
- Native form validation with data-bs-validate and :user-invalid
- ESM-only vanilla JavaScript — no jQuery, no bundler, no build step
Before you use it
Bootstrap 6 has not been released. npm i bootstrap@6 does not work yet and the framework is still changing, so treat this as a head start on learning v6 rather than a foundation for a production site you need to maintain today. The framework is vendored into the template at a pinned commit, so nothing here can drift. It targets evergreen browsers only — Safari 16.4+, Chrome 111+ and Firefox 113+ — because Bootstrap 6 is built on oklch() and color-mix().
