Shadcn.io is not affiliated with official shadcn/ui
React Stats Block Fitness
Fitness/health stats with calories, steps, heart rate rings and daily goals for React health apps
Track fitness in your Next.js app with this stats component. Features circular progress rings for calories, steps, and active minutes, current heart rate with zone indicator, and daily goal completion. Built with shadcn/ui Card component using Tailwind CSS. The health-focused design motivates daily activity—perfect for fitness apps, wellness dashboards, or any React app with health tracking. Active and motivating.
React Stats Block Fitness preview
Loading...
Scroll to load preview
Installation
Install
Pro block
Related Components
React Stats Block Streak
Activity heatmap
React Stats Block Goals
With goal progress
React Stats Block Progress
Linear progress bars
React Stats Block Battery
Battery status
React Stats Block Targets
With target tracking
React Stats Block Live
Live metrics