< Get early access to DHTMLX Flutter Gantt - a brand-new Gantt chart library written in Flutter DHTMLX Gantt for React, Svelte, and Vue.js with Localization and Touch Support [v1.1]

The One and Only React JS Gantt Chart

DHTMLX Gantt is the only Gantt chart written in native React JS for the web development of the most modern reactive project management applications.

Live Demo

Features of DHTMLX React JS Gantt Chart

Task dependencies
Choose between 4 types of relationships
Progress tracking
Monitor progress of each task
CRUD operations
Manipulate tasks via the edit form
Lightning-fast performance
Render 10000+ tasks in milliseconds
task dependencies
progress tracking
crud operations
lightning-fast performance

React Gantt Chart Samples

Key Benefits of DHTMLX React JS Gantt Chart

Speed
Speed
Due to virtual DOM, React JS Gantt chart is blazingly fast. It renders naturally tens of thousands of tasks in the blink of an eye. See for yourself in our live demo with tasks for a three-year plan rendered in 306 ms.
Reactivity
Reactivity
The centerpiece of React Gantt is reactivity. Any changes in properties you make immediately affect the whole Gantt. When you update task details via the edit form, the updates will be instantly displayed in the chart. And vice versa, all manipulations with tasks in the grid or timeline area are in sync with the form.
Customizability
Customizability
A comprehensive API of the DHTMLX React JS Gantt chart permits you to customize each and every element: time scales, timeline area, grid, taskbars, and edit form. API properties allow you to control the size of scales and cells. You can add markers and tooltips to enrich project visualization.
Installation from npm
Installation from npm
Get your project up and running on the spot. DHTMLX React Gantt is delivered via npm. Thus, you can install the package locally and track versions with ease. We invite you to download a free trial version and start exploring its abilities right away.
resource management
Looking for Gantt with resource management?

React Gantt Chart Licensing

Individual Commercial Enterprise Ultimate
License Terms
Individual
Commercial
Enterprise
Ultimate
Developers
Individual
1
Commercial
5
Enterprise
20
Ultimate
Projects
Individual
1
Commercial
1
Enterprise
5
Ultimate
Use in SaaS
Individual
Commercial
Enterprise
Ultimate
Use in Salesforce
Individual
Commercial
Enterprise
Ultimate
Perpetual distribution rights
Individual
Commercial
Enterprise
Ultimate
Support Plan
Individual
Standard Support
Commercial
Premium Support
Enterprise
Premium Support
Ultimate
Ultimate Support
Time Period
Individual
1 year
Commercial
1 year
Enterprise
1 year
Ultimate
1 year
Updates
Individual
Minor & major updates
Bug fixes
Commercial
Minor & major updates
Bug fixes
Enterprise
Minor & major updates
Bug fixes
Ultimate
Minor & major updates
Bug fixes
Emergency bug fixes
Support requests
Individual
10
Commercial
30
Enterprise
50
Ultimate
Response Time
Individual
72h
Commercial
48h
Enterprise
48h
Ultimate
24h
Personal Account Manager
Individual
Commercial
Enterprise
Ultimate
Send
a Question