Shadcn.io is not affiliated with official shadcn/ui
Kanban Due Date Board
React assignment due date kanban board for Next.js with timeline header, urgency indicators, and grade tracking using shadcn/ui and Tailwind CSS
Manage student assignments with deadline-aware status tracking using this React and Next.js kanban board. Features a horizontal timeline header, four columns from Not Started to Graded, and cards displaying subject tags, due dates with urgency coloring, student names, and grade results. Built with TypeScript, framer-motion entrance animations, shadcn/ui Badge components, and Tailwind CSS. Ideal for learning management systems, classroom dashboards, and student progress tracking apps.
Related Components
Sprint Capacity Kanban
Progress-heavy capacity board
Agile Board Kanban
Full drag-and-drop agile board
Project Planner Kanban
Split-panel project management
Weekly Goals Kanban
Accordion-based goal tracker
Sales Overview Kanban
Stats dashboard with mini board
FAQ
Was this page helpful?
Sign in to leave feedback.
Documentation
React kanban documentation tracker for Next.js with shadcn/ui Command palette search, real-time filtering by doc titles and API names, and four-column writing pipeline using Tailwind CSS
Editorial Flow
React kanban board for Next.js with editorial workflow columns and a Sheet side panel showing article details, author info, SEO keywords, editor notes, and publish schedule using shadcn/ui Sheet and Tailwind CSS.