Medix is a complete, production-ready medical and healthcare admin dashboard template engineered for hospitals, multi-specialty clinics, polyclinics, telemedicine providers, diagnostic labs, radiology centers, dental practices, pharmacy chains, ambulatory surgery centers, urgent care chains, mental health platforms, home-health services, and any modern care organisation that takes patient experience seriously. Built on Vue 3, Vite 5, Vue Router 4 and ApexCharts 5, Medix bundles 120+ unique, content-rich pages covering every workflow a clinical and administrative team performs day in, day out — from patient intake and SOAP note authoring to pharmacy inventory, lab order management, radiology DICOM viewing, insurance claim submission, doctor scheduling, AI-assisted scribing, telehealth video consultations, and HIPAA-grade audit reporting.
Stop wrestling five different open-source dashboards together to build your healthcare product. Medix arrives finished. Drop in your data, wire your backend, swap the hospital name, and you are ready to onboard paying customers or operational staff. Every screen is densely written, beautifully laid out, and reflects how a real hospital actually operates in 2026 — not a thin wrapper of placeholders pretending to be an admin template.
Why Medix is different
Most admin templates ship with five demo pages and a thousand placeholders. Medix ships with over a hundred fully designed screens, each tied to a real clinical or operational workflow. The visual language is intentionally premium and clinical — a sky blue (#0EA5E9) primary paired with a healing teal (#14B8A6) accent, set against a clean white canvas with the Sora display family for headings and figures, Inter for body copy, and JetBrains Mono for medical record numbers, codes and tabular numbers. The result is a healthcare aesthetic that feels appropriate for managing critical patient data — yet stays equally inviting for outpatient clinics, telehealth-only startups, and consumer wellness platforms.
Every dashboard tile, every patient profile, every vital-sign monitor, every lab result row uses realistic, jargon-correct content. ICD-10 codes follow proper coding conventions. Triage uses the standard ESI 1–5 levels. ECG waveforms render in SVG. EWS (Modified Early Warning Score) is correctly bucketed. SOAP notes are structured by Subjective, Objective, Assessment, Plan. Drug names, dosages and BID/QD/PRN frequencies match real clinical practice. This is not a template a frontend developer mocked up in a weekend — it is a healthcare-product specification made interactive.
Horizontal mega-menu navigation
Unlike most admin templates that bury navigation in a left sidebar, Medix uses a premium horizontal top mega-menu. The menubar sits directly below a slim top bar carrying the brand, ⌘K search, quick-add, app launcher, messages, notifications and user menu. Each top-level menu opens a wide, multi-column mega-panel with categorised links, optional new/pro badges, icon tiles, and contextual call-to-action cards. Dropdown menus open on hover with a forgiving close delay so the cursor can travel across the gap into the panel without accidental dismissal. Panels auto-reposition to stay within the viewport on narrow screens. On tablets and below, the menubar collapses into a tap-to-open vertical accordion.
What is included
5 Dashboards: Main hospital dashboard with welcome hero, KPI strip, live operational vitals (ER wait, occupancy, LOS, critical alerts, lab TAT, ambulance ETA), patient flow stacked bar chart, occupancy radial, emergency triage queue, upcoming appointments, department volume, revenue streams and activity feed; Hospital Overview with 12-month patient trend, peak-load heatmap, ward live status with bed utilisation bars, staff coverage by role, CMS quality score and patient satisfaction tiles; Patient Analytics with age/sex demographics, top conditions donut, acquisition channels and cohort retention; Doctor Performance with radar comparison, leaderboard with avatars and metrics, top earner card, quality improvements feed and compensation distribution; Telemedicine Operations dashboard with live call traffic area chart, waiting queue, active call monitor table, device mix, call outcomes and HIPAA compliance card.
Patients module: All Patients list with KPI tiles, premium patient cards with status badges and quick actions, and a 9-column table with selection, status colors and pagination; Add Patient with a 5-step stepper (Personal, Contact, Insurance, Clinical, Review & consent); Patient Profile with hero card, 6 live vital tiles, tabbed sections (Overview, Visits, Prescriptions, Labs, Imaging, Billing, Documents), BP trend chart, allergies & alerts feed, timeline of activity, and a care-team card; Patient Directory; Edit Patient; Medical History; Visit Logs; Prescriptions; Lab Results; Imaging Studies; Insurance Records; Patient Portal users with engagement metrics; Discharged Patients with readmission tracking; Admissions with bed assignment; Vitals Monitor with live bed cards showing SVG waveforms, EWS badges, 6 vital tiles and rapid-response actions.
Doctors module: All Doctors with stats, premium doctor cards and a 10-column table; Add Doctor with credentials, practice, compensation, photo/signature upload and privilege switches; Doctor Profile with hero, performance radar, top procedures, outcomes, recent patients, weekly schedule grid, and verified reviews with rating bars; Schedules; Availability Manager with a weekly grid calendar of day/night/off/vacation shifts, on-call badges, swap-request approvals and on-call-tonight roster; Reviews; Earnings & Payouts with hero band, stacked monthly chart, compensation model donut, medal-ranked leaderboard with dual gross/net bars, and payout history; Specialties; Consultations; Referrals.
Appointments module: All Appointments with rich KPI tiles and an action-row table including join-telehealth buttons; Book Appointment with patient picker, specialty & doctor select, type, reason and a clickable time-slot grid with booked-state strikethrough and a summary card; Calendar with mini month, calendar source toggles, full month grid and Today/Upcoming aside; Pending; Reminders with gradient channel cards (SMS, Email, Push, Voice), funnel chart, impact card, template gallery and live activity stream; Cancellations; Follow-ups; Appointment Details (DetailPage with timeline).
Clinical module: Departments list and add; Specialty Units with accreditation status; Lab Tests catalog with panel, sample type, TAT and pricing; Lab Reports with abnormal flagging; Lab Equipment with calibration schedule; Lab Samples chain-of-custody; Radiology Orders by modality with priority; Radiology Image Library; DICOM Studies worklist; Operating Rooms live status board; Surgeries Scheduled with pre-op readiness; Emergency Cases with ESI; Ambulance Fleet with crew and ETA.
Pharmacy module: Medicines master list with batch, expiry, schedule and pricing; Categories with ATC codes and formulary status; Suppliers with lead times and OTIF; Stock Levels with location cards showing SVG ring usage, 12-week consumption forecast, reorder queue, and a list with par-level visual bars and reorder-point markers; Expiring Soon; Purchase Orders; Sales register; Pharmacy Prescriptions queue; Returns & Refunds; Reports with top-selling SKUs.
Finance / Billing: Invoices with aging-aware filters; Create Invoice form with CPT/ICD line items and insurance allocation; Payments register; Insurance Claims with first-pass acceptance metrics; Refunds; Revenue Analytics with gradient hero, 12-month YoY area chart, payer mix donut, location bar chart, AI-flagged insights and service-line P&L rows with share bars; Department P&L; Doctor Earnings Report; Tax Statements; Aging Report bucketed by payer.
Apps suite: Chat — 3-column premium IM with conversation list, message thread with attachments and typing indicator, and a detail panel showing patient info, shared files and avatar stack; Email — 3-column inbox with folders, labels, list and reader; Calendar — month grid with mini month, source toggles and Today/Upcoming aside; Tasks; Kanban with priority badges and member stacks; Notes with colored sticky cards; Video Calls live monitor with active-call gallery, waiting room, recording archive and traffic chart; Image Gallery with category sidebar and AI-tagged photo grid; File Manager; Documents with e-signature flow; Contacts; Quick Invoicing; Bookmarks.
UI Component Library: Alerts (5 semantic tones plus dismissible toasts); Avatars (4 sizes, status dots, stacked groups); Badges (semantic, dot prefix, tag chips); 12+ premium Card patterns showcased in /ui-cards including foundation, KPI, sparkline, gradient feature, vital, profile, stat ring, list/progress, pricing, AI insight, hero/promo and compact data; 14 working Dropdown patterns including simple, status, user, multi-select, search, country, notifications, quick-add mega, share, color picker, sort, date range, tag chip trigger and nested submenu; 12 fully functional Modal variants including destructive confirm, success with confetti, info, form, side drawer, multi-step wizard, image preview, video call, critical alert with pulse, bottom sheet, long-content terms and progress; Tabs; Progress bars and conic-gradient rings; Pagination (numbered, compact, cursor-based, with page size, infinite scroll loader); Tooltips and rich popovers with positions, tones, sizes, keyboard shortcuts, patient quick-views and click-popovers.
Forms: Basic Forms with inputs, selects, switches, checkboxes and textareas; Advanced Forms with range sliders, ICD-10 search, date ranges and a styled file uploader; Validation page with a 30-field doctor-onboarding form covering every validation type — required, min/max length, email, phone, date past/future, number range, regex (NPI, ZIP), URL, password strength with live rules checklist, field match, multi-select count, file upload, checkbox required — with deferred error display (only after Validate button click), animated error banners, sticky side summary and reset; Wizard — 5-step ER triage flow with patient search/register, symptom selection, vital signs and ESI cards, department/doctor/room assignment, review & consent, live side summary and confetti success screen; Editor — fully working WYSIWYG with toolbar (block format, bold/italic/underline/strike, lists, alignment, link, image, hr, code, color, highlight, undo/redo, clear), live word/character count, auto-save indicator, smart template loader, ICD chip insert and signature insert; File Upload with 5 premium patterns — big drag-and-drop, single-PDF, multi-image gallery, camera capture, avatar circle — all functionally wired with simulated progress, virus-scan states and image previews.
Tables: Basic Tables with selection and actions; Data Tables with searchable, multi-column-sortable, multi-row-selectable, paginated reactive table.
Charts: ApexCharts page with line, grouped bar, area, donut, radial bar and radar examples; Chart Library with heatmap, polar area, mixed bar+line, stacked bar and sparkline KPI cards.
Auth pages: Login with split-screen branded hero, social SSO buttons and testimonial; Register with role/beds selectors; Forgot Password; Reset Password with strength meter; Lock Screen with avatar resume; Two-Step Verification with method picker, QR code, OTP digit boxes and security score card.
Pages & utility: Profile (magazine-style split layout with conic-ring avatar, gradient counter cards, sticky identity sidebar, achievement counters, expertise & awards, timeline); Settings with section nav covering general, security, team, billing, integrations, notifications, branding, API tokens, audit, danger zone; Pricing with three-tier cards (Practice, Clinic with “Most popular” badge, Hospital) and a full comparison table; FAQ with collapsible cards; Help Center with searchable hero, topic grid and contact options; Contact form with office cards; Page 404, Page 500, Page 403, Maintenance with countdown, Coming Soon with countdown and email capture, Under Construction with animated dark hero, countdown timer, SVG conic progress ring, milestone roadmap, feature preview grid and notify-me form.
Built for developers who ship
Medix is built on the modern Vue 3 stack the community has converged on. Vue 3.5 with the Composition API for fast, ergonomic component authoring; Vue Router 4 for type-safe routing; Vite 5 for sub-second hot reloads; ApexCharts 5 for production-grade healthcare charts including line, area, stacked bar, heatmap, donut, radial bar, polar area and radar; vanilla CSS with a custom design-token system (no Tailwind, no PostCSS plugin chain, no vendor lock-in); Remix Icons for consistent iconography. The codebase organises pages by domain (dashboard, patients, doctors, appointments, pharmacy, lab, radiology, billing, apps, ui, forms, auth, util), with reusable smart-page templates (StubPage, ListPage, FormPage, DetailPage, SettingsPage) and content configs that drive over 70 inner pages from declarative data files.
Every page is fully responsive from 360px mobile up to 4K desktop. The horizontal menubar collapses into a vertical accordion on tablet, tables scroll horizontally, charts adapt to their container, and the topbar reduces gracefully. Dropdowns close on outside click and on Escape. Modals teleport to body so they never get clipped. Routing is hash-clean. The dev server boots in under three seconds and the production build ships in under ten seconds.
Production-ready healthcare features
Medix is opinionated about what a real healthcare product needs. HIPAA-grade encryption at rest (AES-256) and in transit (TLS 1.3) called out across the UI. Role-based access control with admin/physician/nurse/billing/reception roles. Audit log retention referenced at 7 years. 2FA enforcement for clinical workstations. ESI 1–5 triage scoring with color-coded badges. MEWS (Modified Early Warning Score) with deterioration alerts. ICD-10 / CPT / HCPCS auto-suggest woven into the rich-text editor. Drug interaction checks. Live bedside vital streaming via SVG waveforms. DICOM viewer worklist with hanging protocols. 837/835 insurance claim submission references with first-pass acceptance metrics. AR aging buckets respecting 0–30 / 31–60 / 61–90 / 90+ standard. Per-doctor compensation models (salaried, per-visit, hybrid, contract). NPI 10-digit pattern validation. HL7 / FHIR R4 references. Telehealth with end-to-end WebRTC encryption mentions and recording archive. Patient portal with eligibility verification. NDC and ATC drug code referencing. SOC 2 Type II and ISO 27001 mentions on auth pages.
Use cases
Medix fits any multi-specialty hospital, ambulatory surgery center, urgent care chain, retail clinic franchise, telehealth-only startup, mental health platform, diagnostic laboratory, radiology center, dental network, pharmacy chain, home-health agency, hospice provider, long-term care facility, rehabilitation center, dialysis clinic, fertility clinic, ophthalmology chain, dermatology practice, plastic surgery practice, orthopedic clinic, cardiology institute, oncology center, pediatric practice, obstetrics & gynaecology clinic, occupational health provider, employee wellness platform, EHR vendor product, healthcare IT integrator dashboard, hospital IT operations console, or any application needing premium clinical workflows with patients, doctors, scheduling, pharmacy, lab, radiology, billing, telemedicine, AI scribing and HIPAA-grade reporting.
What you save
A custom-built healthcare admin to this level of completeness takes 1500 to 2500 hours of clinical domain research, frontend design, integration work and copywriting. Starting with Medix skips six to twelve months and delivers a polished, opinionated baseline that hospital administrators, clinicians, payers and auditors instantly trust. Focus your engineering on the domain logic that makes your product unique — not on rebuilding the patient profile page for the hundredth time.
Product Information
-
0+Sales
-
TechnologiesHTML CSS JavaScript
