Open Source · React · FHIR R4

Medical UI components your clinical team will approve.

Validated formulas, FHIR R4 output, and named standards like Sepsis-3 and Berlin Definition — so you can build clinical software without becoming a domain expert.

Get startedGitHub

For AI agents

Use with Medical Protocol

An agent-driven toolkit that adds medical context, clinical validation, and a CLI on top of these components.

Medical context
Agent validation
CLI tool
Explore Medical Protocol
Documentation

Introduction

Medical UI is an open-source React component library for clinical software. Every calculation references a named medical standard — Winter's formula, Henderson-Hasselbalch, Berlin Definition ARDS, Sepsis-3 SOFA — and every edge case is covered by 527 unit tests. Built on shadcn/ui with Tailwind CSS. FHIR R4 output where applicable. Zero production dependencies.

v0.2.4 (beta)Next.js 15+Tailwind CSS 4+

Components

Vital Signs

BP, HR, RR, temp, SpO2/FiO2 with validated ranges, color-coded alerts, and complete FHIR R4 Bundle output (8 LOINC codes)

ABG Analyzer

Primary disorder, compensation status, anion gap, delta ratio. Winter's formula, Henderson-Hasselbalch, 5 respiratory compensation formulas

BMI Calculator

WHO classification with 4 clinical categories. Imperial and metric units

Water Balance

Intake/output tracking with insensible loss formula (weight × 12 mL) and endogenous water generation

Pulse Oximetry

Real-time SpO2 and heart rate monitoring with animated waveform visualization

Breathing Rate

Respiratory rate monitoring with chest expansion charting

Timeline

Chronological clinical events with popovers for patient history and surgical logging

Clinical Notes

Structured encounter editor with timestamped entries, searchable history, and text highlighting

Philosophy

  • -You own the code. Components are added directly to your project — no node_modules dependency, no vendor lock-in. Modify anything.
  • -Clinically traceable. Every formula references a named standard. Your medical advisor can verify the logic without reading your TypeScript.
  • -Interoperable. FHIR R4 Bundles with 8 LOINC-coded observations and UCUM units. Ready for EHR integration.
  • -Disclaimer. For educational and development purposes. Not an FDA-approved medical device. Always consult healthcare professionals for medical decisions.