Mood Tracker

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

πŸ™‚
Mood todayGood
4 of 7 days above neutral this week.

New here? Read the installation guide.

Import & use
import { Health17 } from "@/components/beste/piece/health17";

<Health17
  today="good"
  week={[
    "okay",
    "good",
    "great",
    "low",
    "good",
    "good",
    "great"
  ]}
  note="4 of 7 days above neutral this week."
  label="Mood today"
/>

More Health pieces

View all Health
Stepsof 10,000
8,42084%
6.4 km310 kcal

Steps Tracker

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

14/ 28
Cycle
Ovulation windowPeriod in ~14 daysEnergy usually peaks today.

Cycle Tracker

Cycle ring with day fraction in the middle, a phase label, next-period forecast, and a mood note.

74.2 kgGoal 72.0 kg
- 1.8 kg in 30 days

Weight Trend

Weight tracker with current and goal weights, a 30-day change pill, and a mini line chart underneath.

Dr. Rana Elgin, MDEndocrinology
Thu, May 2 Β· 09:30Memorial West Β· Suite 412
Annual check-up

Appointment Card

Upcoming medical visit with provider, specialty, a muted location block, and an italic reason line.

Heart rate
72bpm
Resting Β· Normal2 min ago

Heart Rate

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

Morning vitalsTue, Apr 22 Β· 08:14
Heart72bpm
Temp36.6Β°C
BP118/76mmHg
SpOβ‚‚98%

Vitals Grid

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

Markdown version