Gantt ChartPro

Project timeline: drag bars to move them, drag the edge to resize, snapping to days.

Task
1234567891011121314
Research
3d
Design
5d
Build
6d
QA
3d
Launch
1d

Drag to move · drag the right edge to resize · ← → to move, Shift + ← → to resize

Edit with AIPro

Describe a change to Gantt Chart and get the updated code. The live preview above stays as the original.

Pro component

Get Gantt Chart with Kinetiq UI Pro

Pro includes the full TypeScript source of every Pro component and template, a commercial license, and new releases every month — ₹499/month, cancel anytime.

Already Pro? Sign in and open the Code tab above to copy it.