Shadcn.io is not affiliated with official shadcn/ui
Profile Fitness Tracker
React fitness tracking profile block for Next.js with daily stats grid, weekly goal progress bars, workout history list, and activity metrics using shadcn/ui, Tailwind CSS, and framer-motion
Monitor fitness progress with this health tracking profile block for React and Next.js. Features a 4-column daily stats grid showing steps, calories, distance, and active minutes, weekly goal progress bars, and a workout history list with type icons and duration. Built with TypeScript, shadcn/ui Avatar, Badge, and Button components, Tailwind CSS, and framer-motion animated progress bars and staggered list entrances. Perfect for health apps, fitness dashboards, and wellness platforms.
Related Components
Stats Overview
Stats-heavy profile layout
Athlete Performance
Athletic performance profile
Activity Timeline
Activity timeline profile
Music Listener
Music listening profile
Gaming Stats
Gaming statistics profile
Language Learner
Language learning profile
FAQ
Was this page helpful?
Sign in to leave feedback.
Financial Advisor
React financial advisor profile block for Next.js with certification badges, AUM metrics, service offerings, and client demographics using shadcn/ui, Tailwind CSS, and framer-motion
Freelancer Rates
React freelancer rates profile block for Next.js with skill-based pricing tiers, availability calendar indicator, project history, and client testimonial cards using shadcn/ui, Tailwind CSS, and framer-motion