Back to The LabGitHub

The Lab · Medtech

Medical Device Interfaces

Medical device interfaces rebuilt with modern web tooling. Each component replicates the physical device experience display, layout, interaction with clinical clarity and open-source principles.

Live

Vital Signs Monitor

ICU patient monitor UI. Simulates live heart rate, SpO₂, blood pressure, and ECG waveform with real-time alerts.

React
Canvas API
Healthcare
Live

Home Blood Pressure Monitor

Consumer home BP monitor with 7-segment LCD, vertical AHA bar indicator, dual-user memory, and START/STOP interaction.

7-Segment LCD
Device UI
SVG
Live

Glucometer

Blood glucose monitor with 7-segment LCD, meal indicator, strip slot tab, day/average log, and blinking LED.

7-Segment LCD
Device UI
SVG
Live

Pulse Oximeter

Fingertip pulse oximeter replicating the LCD display, plethysmography signal bars, and battery indicator.

7-Segment LCD
Device UI
SVG

Why this exists

Between 2024 and early 2026 I was involved in several medtech projects working at the intersection of hardware, clinical workflows, and software. Those experiences shaped the way I think about medical interfaces: precision matters, clarity saves time, and every pixel carries responsibility.

This project started as a personal exploration of those ideas rebuilding the interfaces I encountered in the field, with modern web tooling and open-source principles.

More components are on the way, and not just medtech. I plan to expand this into other domains where specialized device UIs matter: fitness, environmental monitoring, industrial, and beyond.

Open to collaborate

I believe vital signs monitoring blood pressure, glucose, oxygen saturation should be accessible to everyone, not just those inside a clinic. The hardware exists. The mobile platforms exist. What's missing is thoughtful design that bridges the gap between medical-grade accuracy and everyday usability.

If you're working on a mobile-connected medical device and want a design or front-end collaborator, I'd love to hear about it.

Get in touch

MIT License · github.com/gerbec/medtech · With ❤️ and CSS by Alejandro A. Gerbec