Shadcn.io is not affiliated with official shadcn/ui
React Stats Block Activity Streak
Activity streak stats with heatmap grid, streak counters, and consistency metrics for React habit tracking apps
Track consistency in your Next.js app with this stats component. Features weekly activity heatmap grid, current and longest streak counters, total activity count, and day labels. Built with shadcn/ui Card component using Tailwind CSS. The streak-focused design motivates consistency—perfect for habit trackers, learning platforms, fitness apps, or any React app with daily engagement goals. Motivational and visual.
React Stats Block Activity Streak preview
Loading...
Scroll to load preview
Installation
Install
Pro block
Related Components
React Stats Block Live
Live metrics
React Stats Block Targets
With target tracking
React Stats Block Progress
Linear progress bars
React Stats Block Goals
With goal progress
React Stats Block Period
Period comparison
React Stats Block Sparkline
Price with charts