Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
React Stats Block Fitness
Fitness/health stats with calories, steps, heart rate rings and daily goals for React health apps
Looking to implement shadcn/ui blocks?
Join our Discord community for help from other developers.
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.
Installation
Related blocks you will also like
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