Wellness components
6 Wellness components for React, shadcn, Vue 3, Laravel Blade and HTML + Alpine.js: Daily Summary, Engine Card, Engine Details, Health Reports, CupTracker, Vitals.
- Daily SummaryOne day at a glance with water, meals by safety, caffeine by kind, focus sessions, shutdown violations, steps, sleep, energy, heart rate and weight, plus a day switcher.
- Engine CardOne Health Debug protocol engine's live state as a card, with a state badge, the engine's readout and its log action. Seven engines, one component.
- Engine DetailsOne protocol engine's own page with its live card, per-day history, record timeline and the fixed protocol it follows.
- Health ReportsHealth reports over a period with averages that skip missing days, a one-figure trend chart, meals and caffeine per day, and each engine's days on and off protocol.
- CupTrackerDaily health trackers. A unit-count cup row, pinned quick-log strip, classified food catalogue, item builder with an entry-completeness ring and a flagged entries disclosure.
- VitalsBody readings from a scale or wearable with BMI and its category, plus progress towards the targets the person set.
TypingTerminal
A terminal that types commands and prints their output step by step, for hero sections and docs. Renders the full transcript first, for servers and reduced motion.
Daily Summary
One day at a glance with water, meals by safety, caffeine by kind, focus sessions, shutdown violations, steps, sleep, energy, heart rate and weight, plus a day switcher.