Shadcn.io is not affiliated with official shadcn/ui
Calendar Sleep Tracker
A sleep schedule tracker calendar block for Next.js with bedtime tracking, sleep quality scoring, weekly patterns, and sleep goal monitoring using shadcn/ui and Tailwind CSS
Track your sleep patterns with this sleep schedule view. Monitor bedtimes, wake times, sleep duration, and quality scores across the week. Ideal for health and wellness apps, sleep improvement programs, and personal productivity dashboards.
Related Components
Habit Tracker
Daily habit tracking view
Exercise Log
Exercise tracking calendar
Medication Tracker
Medication schedule calendar
Water Intake
Water intake tracking
Prayer Times
Prayer and meditation schedule
Goals Tracker
Goal tracking calendar
FAQ
Was this page helpful?
Sign in to leave feedback.
Shift Planner
React employee shift planning calendar block for Next.js with morning afternoon and night shift slots per person, weekly grid layout, shift type indicators, and coverage summary using shadcn/ui and Tailwind CSS
Social Media Planner
React social media post scheduler block for Next.js with platform icons, post preview queue, scheduling timeline, and engagement metrics built with shadcn/ui and Tailwind CSS