A Gantt chart for React that you can actually edit
Virtualized rows, four dependency types and a working-day calendar — with a date core that runs without a DOM.
pnpm add @jaeungkim/gantt-chartTry it
The real component, not a screenshot. Drag a bar, pull an edge, draw a link.
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 hands you the new task array.
Working-day dates
Set your own work week, and name a holiday and give it a colour. With the working calendar on, a drop lands on the next working day instead of a Saturday.
Headless core
createWorkingCalendar and the task-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, and with no theme prop set the chart follows the host page's color-scheme, so it inherits your theme instead of fighting your tokens.
Read the docs
Every prop, guide and reference page, in English and Korean.