Shadcn.io is not affiliated with official shadcn/ui
Kanban Learning Path
React kanban learning progress tracker for Next.js with vertical accordion columns, source labels, hours spent, difficulty badges, and staggered animations using shadcn/ui Accordion and Tailwind CSS
Track your learning journey with this React and Next.js kanban block. Features four accordion-collapsed columns — Queued, Studying, Practicing, and Mastered — with source labels, time tracking, difficulty badges, and framer-motion staggered entrance animations. Built with TypeScript, shadcn/ui Accordion and Badge components, and Tailwind CSS. Perfect for online course dashboards, skill tracking apps, and developer learning portfolio managers.
Related Components
Personal Tasks Kanban
Tab-based personal task manager
Daily Planner Kanban
Tab-based daily schedule
Reading Queue Kanban
Tab-based reading list manager
Habit Board Kanban
Tab-based habit tracking board
Task Inbox Kanban
Compact list-style task inbox
FAQ
Was this page helpful?
Sign in to leave feedback.
Lead Pipeline
React lead management dashboard kanban for Next.js with lead metrics, contact rates, response tracking, and mini kanban columns using shadcn/ui, CountUp, and Tailwind CSS
Maintenance Log
An equipment maintenance kanban board for React and Next.js with bulk selection via shadcn/ui Checkbox, maintenance type badges, priority indicators, and floating action bar built with Tailwind CSS