Launch sale — 60% off Pro
Contact
Stats

Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.

Unlock this blockGet Pro at 60% off

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.

Today's Activity
0 of 3 goals completed
72bpm
420
/ 500 kcal
6,840
/ 10,000 steps
28
/ 30 min
Calories84%
Steps68%
Active93%

Installation

Questions you might have