Appointment Card

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

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

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

Import & use
import { Health21 } from "@/components/beste/piece/health21";

<Health21
  provider="Dr. Rana Elgin, MD"
  specialty="Endocrinology"
  when="Thu, May 2 · 09:30"
  location="Memorial West · Suite 412"
  reason="Annual check-up"
  tone="sky"
/>

More Health pieces

View all Health
Dr. Maya ChenTelemedicine · General practice
Starts in 12 min
Covered by insurance

Upcoming telemedicine visit card with a provider byline, amber starts-in pill, and a sky Join button.

Lisinopril10 mg · 1 tab daily
Morning with food
8 of 30 leftRefill on May 12
Ships from Green Cross Pharmacy

Prescription

health28

Prescription card with a dose line, schedule note, supply bar that flips rose when low, and refill date.

🙂
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.

Miso salmon with greens
25 min·520 kcal
Easy
DinnerHigh-proteinGluten-free

Recipe Card

health13

Recipe summary row with a warm chef tile, cook time, kcal, difficulty pill, and a dietary-tag row.

Medication · Today
08:00
Metformin500 mg
Taken
13:00
Vitamin D1000 IU
Taken
19:30
Lisinopril10 mg
Upcoming
22:00
Atorvastatin20 mg
Upcoming

Today's medication schedule with time, pill name and dose, and taken or upcoming pills on the right.

Sleep scheduleTarget 8 hours
Bedtime23:15
Wake06:45
6 days on schedule this week

Sleep planner card bracketing bedtime and wake times with sunset and sunrise icons and a consistency bar.