Heart Rate

Resting bpm card with a pulsing heart tile, large value, and a mini ECG trace underneath.

Heart rate
72bpm
Resting · Normal2 min ago

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Health1 } from "@/components/beste/piece/health1";

<Health1
  bpm={72}
  status="Resting · Normal"
  updated="2 min ago"
  label="Heart rate"
  unitLabel="bpm"
  tone="primary"
/>

More Health pieces

View all Health
Morning vitalsTue, Apr 22 · 08:14
Heart72bpm
Temp36.6°C
BP118/76mmHg
SpO₂98%

Vitals Grid

health10

Daily check-in card summarizing heart, temperature, blood pressure, and SpO2 in a 2×2 tile grid.

Blood pressure
Normal
118/76mmHg
Measured at 08:42

Blood Pressure

health2

BP reading pairing systolic over diastolic with a status pill and a color-dotted legend beneath.

Inhale34-7-8 · Round 2 of 4

Breathing Exercise

health26

Guided breathwork card with a pulsing sky ring, phase label, big second count, and cycle note.

🙂
Mood todayGood
4 of 7 days above neutral this week.

Mood Tracker

health17

Mood log card with a big emoji for today and a seven-day row of color-keyed tiny face tiles.

Sleep7h 41m
Score 86
Awake0h 18m
Light4h 0m
Deep1h 35m
REM1h 48m

Sleep Summary

health7

Overnight sleep card with a score pill, stacked stage bar, and a four-column stage breakdown.

Stepsof 10,000
8,42084%
6.4 km310 kcal

Steps Tracker

health4

Daily steps card with a gradient progress bar, percent chip, and a distance and calorie footer.