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-chart

Try it

The real component, not a screenshot. Drag a bar, pull an edge, draw a link.

Open the playground

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

A working-day calendar that skips weekends and holidays, so a drop never lands on 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, 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.