Eight-cup water grid that fills sky-tinted glasses as you log ml toward a daily hydration goal.
New here? Read the installation guide.
import { Health6 } from "@/components/beste/piece/health6";
<Health6
filled={5}
total={8}
mlPerCup={250}
label="Water"
tone="sky"
/>Bottle-shaped container that fills sky with gradient water, paired with current versus goal liters.
Cycle ring with day fraction in the middle, a phase label, next-period forecast, and a mood note.
Mood log card with a big emoji for today and a seven-day row of color-keyed tiny face tiles.
Daily steps card with a gradient progress bar, percent chip, and a distance and calorie footer.