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.

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

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

health4

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

health29

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

health16

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

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.

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

Appointment Card

health21

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

Heart rate
72bpm
Resting · Normal2 min ago

Heart Rate

health1

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