# Gamify Streak Tracker

Daily study streak in a learning app with weekly lesson targets.

- id: `gamify-streak-tracker`
- Page: https://agentic-ui-kit.com/components/gamify-streak-tracker
- Live preview: https://agentic-ui-kit.com/live/component/gamify-streak-tracker

## Install

```bash
agentic-ui add gamify-streak-tracker
npx shadcn@4.17.0 add @agentic-ui/gamify-streak-tracker
```

## Metadata

- **Level:** block
- **Category:** block
- **Installable in:** Radix UI (registry variant new-york)
- **Capabilities:** streak-counter, mini-calendar, weekly-goal-progress, freeze-protection, day-detail, keyboard-navigation, empty-state, error-recovery
- **Intents:** track-status, monitor-live, explore-detail
- **Suits domains:** personal-productivity, education, healthcare, saas, operations
- **Interaction:** click, keyboard-navigation, day-selection, freeze-recovery
- **Screen role:** overview
- **Density:** compact
- **Dark mode:** yes
- **Use it for:** daily study streak in a learning app with weekly lesson targets, adherence to a workout or medication routine with freeze tokens forgiving a missed day, habit consistency tracking in a personal dashboard with an 8-week calendar view, SaaS onboarding program engagement tracking consecutive active days
- **Avoid when:** the metric is cumulative volume rather than daily consistency (use a time-series chart), a full calendar with events, scheduling, or appointment editing is needed (use calendar-month-week-agenda), the relevant timeframe spans multiple years requiring monthly aggregation instead of daily cells
- **Preserve when adapting:** streak-computation-rules, calendar-grid-model, keyboard-contract, status-color-semantics, empty-and-error-states
- **Replace when adapting:** domain-copy, goal-unit-labels, locale-and-week-start, status-palette
- **Adaptation effort:** low
- **Coupling:** low
- **Quality score:** 9.2/10
- **Quality breakdown:** visual 9/10, responsive 9/10, accessibility 9/10, code 9/10
- **Uses primitives:** badge, button, card, progress, separator
- **Motion:** profile subtle, library css, reduced-motion fallback yes
- **Registry dependencies:** lib-primitives