Shadcn.io is not affiliated with official shadcn/ui
Todo List Learning Path
A course progress tracker block for React and Next.js with module sections, lesson checkboxes, duration labels, type badges for video, quiz, and exercise, module progress bars, and streak indicator built with shadcn/ui and Tailwind CSS
Track your learning journey with this course progress block for React and Next.js. Features module sections with individual lessons, completion checkboxes, duration labels, type badges for Video, Quiz, and Exercise content, module progress bars, certificate progress, and a current streak indicator. Built with TypeScript, shadcn/ui Badge, Progress, and Checkbox components, framer-motion staggered entrance animations, and Tailwind CSS. Perfect for e-learning platforms, bootcamp dashboards, and skill development trackers.
Related Components
Reading List Todo
Book tracking with progress bars
Workout Todo List
Exercise routine tracker
Recipe Todo List
Recipe step checklist
Finance Todo List
Financial task 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.
Keyboard Shortcuts
A keyboard navigation focused todo list block for React and Next.js with shortcut hints, active row highlighting, and toggleable shortcut legend built with shadcn/ui and Tailwind CSS
Legal Review
A legal document review todo list block for React and Next.js with document types, reviewer assignments, risk levels, deadline tracking, and section grouping built with shadcn/ui and Tailwind CSS