Gym Check-in

Check-in streak card with a flame tile, day count, seven-day attendance row, and weekly/monthly counts.

Gym streak14 days
5 of 5 this week18 visits this month

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

Import & use
import { Fitness4 } from "@/components/beste/piece/fitness4";

<Fitness4
  streak={14}
  week={[
    true,
    true,
    true,
    false,
    true,
    true,
    false
  ]}
  monthVisits={18}
  weeklyGoal={5}
  label="Gym streak"
  tone="neutral"
/>