Weight tracker with current and goal weights, a 30-day change pill, and a mini line chart underneath.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Health16 } from "@/components/beste/piece/health16";
<Health16
currentWeight="74.2 kg"
goalWeight="Goal 72.0 kg"
changeLabel="- 1.8 kg in 30 days"
series={[
76,
75.8,
75.4,
75.6,
75.2,
74.8,
74.4,
74.5,
74.2
]}
tone="emerald"
/>Cycle ring with day fraction in the middle, a phase label, next-period forecast, and a mood note.
Daily steps card with a gradient progress bar, percent chip, and a distance and calorie footer.
Mood log card with a big emoji for today and a seven-day row of color-keyed tiny face tiles.
Lift tracker with an exercise header, set progress bar segments, and a rest-timer chip on the right.
Today's medication schedule with time, pill name and dose, and taken or upcoming pills on the right.
Prescription card with a dose line, schedule note, supply bar that flips rose when low, and refill date.