Upcoming telemedicine visit card with a provider byline, amber starts-in pill, and a sky Join button.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Health30 } from "@/components/beste/piece/health30";
<Health30
provider="Dr. Maya Chen"
specialty="Telemedicine · General practice"
startsIn="Starts in 12 min"
cost="Covered by insurance"
action="Join visit"
tone="sky"
/>Upcoming medical visit with provider, specialty, a muted location block, and an italic reason line.
Prescription card with a dose line, schedule note, supply bar that flips rose when low, and refill date.
Mood log card with a big emoji for today and a seven-day row of color-keyed tiny face tiles.
Today's medication schedule with time, pill name and dose, and taken or upcoming pills on the right.
Guided breathwork card with a pulsing sky ring, phase label, big second count, and cycle note.
Daily check-in card summarizing heart, temperature, blood pressure, and SpO2 in a 2×2 tile grid.