A Gantt chart for React that you can actually edit

Virtualized rows, four dependency types, auto-scheduling and a critical path — with a scheduling core that runs without a DOM.

pnpm add @jaeungkim/gantt-chart

Playground

The real component, not a screenshot. Flip a switch and watch it change.

Loading chart…

Editable by default

Drag to move, pull an edge to resize, drag a handle to set progress, draw an arrow to link two rows. Every gesture is cancellable before it commits.

Real scheduling

Auto-scheduling policies, a working-day calendar, critical path with per-task slack, and baselines to show the plan against the plan you had.

Headless core

scheduleTasks, computeCriticalPath and the tree helpers import no React and touch no DOM, so a server or a worker can run them.

Virtualized

Rows and the timeline are both windowed, so the row count stops mattering long before your data does.

Keyboard and screen readers

An ARIA treegrid with roving focus, arrow-key navigation and announced edits. The gaps that remain are written down, not hidden.

Yours to style

Every colour reads from a CSS custom property, so the chart follows your theme without a theme prop and without fighting your tokens.

Read the docs

Every prop, guide and reference page, in English and Korean.