Shadcn.io is not affiliated with official shadcn/ui
Todo List Workout
A workout routine tracker block for React and Next.js with warm-up, main set, and cool-down sections, sets and reps, weight tracking, rest timers, and muscle group badges built with shadcn/ui and Tailwind CSS
Build your workout tracker with this exercise routine block for React and Next.js. Features sections for Warm Up, Main Set, and Cool Down with per-exercise sets, reps, weight, rest time, and muscle group badges. Completed exercises get checkmarks and strikethrough. Built with TypeScript, shadcn/ui Checkbox, Badge, and Progress components, framer-motion staggered entrance animations, and Tailwind CSS. Perfect for fitness apps, gym dashboards, and personal training tools.
Related Components
Reading List Todo
Book tracking with progress bars
Learning Path Todo
Course progress tracker
Recipe Todo List
Recipe step checklist with timers
Packing Todo List
Travel packing checklist
Shopping Todo List
Categorized grocery list
Travel Itinerary Todo
Day-by-day travel itinerary
FAQ
Was this page helpful?
Sign in to leave feedback.