Streak Calendar

ui

React streak calendar for gamification—week, month, and git-style grids to visualize consistency. Native support for streak freezes. Ideal streak UI design for habit tracking and personal progress. Built on shadcn/ui and Tailwind CSS. Open source.

pnpm dlx shadcn@latest add "https://ui.trophy.so/r/streak-calendar.json"

Sign In

Streak Calendar

ui

React streak calendar for gamification—week, month, and git-style grids to visualize consistency. Native support for streak freezes. Ideal streak UI design for habit tracking and personal progress. Built on shadcn/ui and Tailwind CSS. Open source.

pnpm dlx shadcn@latest add "https://ui.trophy.so/r/streak-calendar.json"

lucide-react

components/ui/streak-calendar.tsx

lucide-react

components/ui/streak-calendar.tsx