# Pm Issue Gantt Roadmap

Product roadmap with dependencies between milestones.

- id: `pm-issue-gantt-roadmap`
- Page: https://agentic-ui-kit.com/components/pm-issue-gantt-roadmap
- Live preview: https://agentic-ui-kit.com/live/template/admin-kit/project-management/issue-gantt-1?piece=pm-issue-gantt-roadmap

## Install

```bash
agentic-ui add pm-issue-gantt-roadmap
npx shadcn@4.17.0 add @agentic-ui/pm-issue-gantt-roadmap
```

## Metadata

- **Level:** page
- **Category:** page
- **Template:** Kestrel Admin Kit
- **Installable in:** Radix UI (registry variant new-york)
- **Capabilities:** interactive-timeline, dependency-lines, task-grouping, zoom-controls, quick-add-bar
- **Intents:** track-status, compare-over-time
- **Suits domains:** project-management, operations, saas
- **Interaction:** zoom-slider, pan-timeline, task-bar-drag, quick-add-task
- **Screen role:** management
- **Density:** medium
- **Dark mode:** yes
- **Use it for:** Product roadmap with dependencies between milestones, Gantt schedule for executing complex projects
- **Avoid when:** Agile management without defined start and end dates
- **Preserve when adapting:** gantt-canvas-engine, timeline-header-grid
- **Replace when adapting:** task-type-colors, zoom-intervals
- **Adaptation effort:** low
- **Coupling:** low
- **Quality score:** 8.7/10
- **Quality breakdown:** visual 9/10, responsive 8/10, accessibility 7/10, code 9/10
- **Uses primitives:** button, input, select, badge, scroll-area
- **npm dependencies:** lucide-react, date-fns
- **Used in:** Kestrel Admin Kit (template), Project Delivery (blueprint)
- **npm dependencies (registry):** lucide-react@0.577.0
- **Registry dependencies:** lib-admin-kit-utils, pm-create-issue-sheet, ui-admin-kit-button, ui-admin-kit-dropdown-menu, ui-admin-kit-input, ui-admin-kit-tooltip