Vital Signs Monitor
ICU patient monitor UI built with React and the Canvas API. Simulates live data for heart rate, SpO₂, blood pressure, and ECG waveform with real-time alerts. Designed with clinical clarity and accessibility in mind.
Home Blood Pressure Monitor
Consumer-grade home BP monitor UI that replicates the physical device experience 7-segment LCD digits, vertical AHA bar indicator, dual-user memory, and a START/STOP button interaction.
Immersive Training
A physical and virtual training center for high-performance athletes and rescue teams. Simulates real terrain, altitude, and weather conditions in an immersive environment. First use case: mountaineers and rescue professionals.
CSS Grid Puzzle
Exploring CSS Grid layout with an interactive grid placement system. Playing with explicit track sizing, named areas, and overlapping elements.
Glassmorphism System
Layered blur effects and translucency using backdrop-filter. Exploring depth perception and accessibility trade-offs when using glass-style UI.
Scroll-driven Animations
Pure CSS scroll-driven animations using the new @scroll-timeline spec. No JavaScript, no IntersectionObserver just CSS and the scroll position.
OKLCH Color System
Building a perceptually uniform color palette using the OKLCH color space. Generating accessible, harmonious scales from a single hue.
Fluid Typography Scale
Responsive type that scales smoothly between viewport sizes using clamp(). No breakpoints, no jumping just fluid, proportional type.