React Gantt LibraryHigh-performance React Gantt

Granular bar updates, draggable panels, sticky rows, custom timeline bands, and rich event hooks — built with date-fns for React 18+.

⚡

Granular performance

TaskStore + per-task version counters mean only the changed bar re-renders on drag, resize, or progress edits — not the whole chart.

🧩

Left task list, middle date columns, and SVG timeline with synchronized scroll and resizable dividers.

📌

Pin task rows or custom footer bands to the top or bottom of the viewport while scrolling large schedules.

🌍

Set an IANA timezone so every viewer sees the same labels — headers, columns, and tooltips stay in sync.

🎨

Async sidebar cells and full-width __timeline__ bands with useGanttTimeline() and column virtualization helpers.

🖱️

Drag, resize, snap, multi-select, dependencies, baselines, blocked dates, event markers, and unified click/hover targets.

bash

npm install react-gantt-lib date-fns react react-dom

tsx

import { GanttChart } from 'react-gantt-lib';
import 'react-gantt-lib/styles.css';

See the Getting Started guide for a full walkthrough.