Shadcn.io is not affiliated with official shadcn/ui
Stats Sleep Quality
A sleep tracking component displaying total sleep duration, sleep stages breakdown, sleep score, and efficiency metrics for Next.js health and fitness applications
Monitor sleep quality with this comprehensive sleep tracking component. Built with React, Next.js, shadcn/ui, and Tailwind CSS, it displays total sleep duration, sleep stage breakdown (deep, light, REM, awake), sleep score, and efficiency percentage. Perfect for health apps, fitness trackers, wellness platforms, or personal analytics dashboards.
Related Components
React Stats Block Fitness
Workout and activity tracking
React Stats Block Nutrient Intake
Nutrition tracking metrics
React Stats Block Goals
Goal progress tracking
React Stats Block Progress
Multi-metric progress bars
React Stats Block Breakdown
Category breakdown stats
React Stats Block Targets
Target achievement metrics
FAQ
Was this page helpful?
Sign in to leave feedback.