Shadcn.io is not affiliated with official shadcn/ui
Todo List Gantt
A simplified Gantt-style timeline todo list block for React and Next.js with horizontal task bars, five-day grid, dependency arrows, and status coloring built with shadcn/ui and Tailwind CSS
Plan project timelines with this Gantt-style visualization block for React and Next.js. Features horizontal task bars across a Monday-to-Friday grid, color-coded status indicators, a today marker line, task dependency display, and staggered entrance animations. Built with TypeScript, shadcn/ui Badge and Button components, framer-motion animations, and Tailwind CSS. Perfect for project planning dashboards, sprint timeline views, and team schedule visualizations.
Related Components
Automation Todo
Task automation rules
Matrix Todo
Effort vs impact matrix
Burndown Todo
Sprint burndown visualization
Import Export Todo
Import and export tasks
Voice Memo Todo
Tasks with voice memo attachments
Dark Minimal Todo
Dark-themed minimal design
FAQ
Was this page helpful?
Sign in to leave feedback.
Full Task
An advanced todo list block for React and Next.js with date, priority, reminders, and assignee fields for comprehensive task creation built with shadcn/ui and Tailwind CSS
Goal Progress
A goal tracking todo list block for React and Next.js with milestone checkpoints, progress bars, target dates, and overall completion built with shadcn/ui and Tailwind CSS