Timeline / Gantt View
The time-axis plan view where duration, sequence and slippage must be readable at a glance.
Content & Data Views · 7 checks · 7 resources
Before you ship
7- 01Time axis — a horizontal axis with clear date markers at day, week or month granularity depending on zoom
- 02Task bars — horizontal bars representing each task or milestone, positioned by start and end date
- 03Dependencies — visual connectors between tasks that must be completed in sequence, showing what is blocked
- 04Today indicator — a vertical line marking the current date so users see what is on track and what is overdue
- 05Milestones — distinct markers for key dates or deliverables that are not duration-based tasks
- 06Drag to reschedule — moving or resizing task bars to update dates directly, with a date tooltip while dragging
- 07Row grouping — organising tasks by assignee, team, project phase or another dimension
Resources that help you build this
7- HeroUI Pro · Paid React + React Native components, 6 templates, MCP server and agent skills
- Kibo UI · shadcn registry of 41 complex components: Gantt, Kanban, editor, sandbox, cropper
- ReUI · 1,052 free shadcn components, 502 pro blocks, 10 templates, hosted MCP
- Atlassian Design System · Atlaskit: 59 Apache-2.0 React components behind Jira, Confluence and Bitbucket
- Effective HTML · Six agent skills plus 32 worked HTML artifacts for wireframes, prototypes, and plans
- Kibo UI · shadcn registry of 41 hard components shadcn/ui does not ship, plus 28 blocks
- Shoogle · Search engine across 277 shadcn registries, with an MCP and CLI namespace