Smart Heart Rate

Live Demos Hub
GitHub ↗

Smart Heart Rate

Interactive Shadcn-quality hypermedia component for Hyperstack.

Interactive Preview

Continuous PPG Sensor
72 BPM
● Resting Zone
❤️

HTML Source

<!-- Smart PPG Heart Rate Sensor -->
<div class="smart-heart-rate p-5 rounded-3xl bg-gradient-to-br from-rose-950/40 via-slate-900 to-slate-950 border border-rose-900/40 shadow-xl flex items-center justify-between">
  <div>
    <span class="text-[10px] font-black uppercase tracking-widest text-rose-400">Continuous PPG Sensor</span>
    <div class="flex items-baseline gap-2 mt-1">
      <span class="text-4xl font-black text-white">72</span>
      <span class="text-xs font-bold text-slate-400 uppercase">BPM</span>
    </div>
    <span class="text-[10px] font-bold text-rose-400 mt-1 block">● Resting Zone</span>
  </div>
  <span class="text-4xl animate-pulse">❤️</span>
</div>