Smart Heart Rate
Live Demos HubSmart 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>