< Announcing a new DHTMLX component - JavaScript To Do List Meet Gantt 7.0: Merging Work Calendars, Setting Work Time in Minutes, and Node.js Server Module

Comprehensive React JS Gantt chart
for the Success of Your Project

DHTMLX React Gantt is a feature-rich Gantt chart library compatible with all
modern browsers and platform technologies for effective and successful project management.

Live Demo

React JS Gantt Chart Features

Resource assignment

The PRO version enables you to build your Gantt for React with powerful resource control functionality. PRO features give users the possibility to allocate resources to particular tasks and keep control over the workload more efficiently via special resource diagrams and histograms.

View sample

Balanced resource distribution
Critical path method

Critical path method

One more important PRO feature that plays a key role in the project timing is the critical path method. It is one of the core planning and control concepts in project management, which helps to highlight in red color a sequence of crucial tasks that cannot be delayed and define the shortest timeframe for the project.

View sample

Auto-scheduling

There is no need to adjust the dates of all tasks manually if there are any corrections in your projects' schedule. The auto-scheduling functionality serves to recalculate schedules and adjust deadlines in case one of your tasks is delayed or completed in advance.

View sample

auto scheduling
Showing custom content atop Gantt

Custom content

Along with different custom options available inside Gantt, you can add any custom content that will complement the chart with the necessary data. In our example, an extra layer above the React JS Gantt chart includes an S-curve, which vividly illustrates the project advancement.

10

Years on the market

6000+

NPM downloads per month

1000+

New trial & GNU GPL users per month

2500+

Customers

Why Choose DHTMLX React JS Gantt Chart?

Enhanced performance
Enhanced performance
No matter whether you are involved in small or large projects, our high-performance React Gantt chart library will get you covered. Create as many tasks as you need for your project, and the Gantt chart will render them promptly and clearly. This feature will be extremely helpful in complex projects, where advanced performance options permit you to work efficiently with huge charts with tens of thousands of tasks.
Accessibility
Accessibility
Our library allows you to create an accessible React Gantt chart component. To ensure easy access and convenient use, you can resort to some useful features that help to make an app more user-friendly for people with disabilities: WAI-ARIA attributes, keyboard navigation, and high-contrast themes. Find out more about this important characteristic in our documentation.
Intuitive UI
Intuitive UI
The drag-n-drop mechanism enables end-users to easily perform a variety of actions on tasks and their parameters: specify key timing characteristics of tasks, connect tasks, and determine their priority. There are 3 predefined types of tasks that can be presented via our React Gantt: regular tasks, project tasks, and milestones. With the inline editing feature, users can introduce changes in existing tasks right in the grid area without calling the edit form (lightbox). If needed, you can also switch to a read-only mode.
Robust customization
Robust customization
A comprehensive API of our DHTMLX React JS Gantt permits you to adjust the look and feel to your liking: organize a timeline, specify the grid arrangement, customize the appearance of taskbars (change their colors, add text or custom HTML elements), set dependencies between tasks, and much more. Moreover, it is also possible to customize the lightbox for adding extra custom fields.
Resource Management
Resource management
Our Gantt for React makes it simple for you to assess the workload of each member of the project team thanks to the resources management feature. After allocating resources to project tasks, users can analyze workload parameters via the resource diagram and make corrections if needed. Under the term "resources" we mean not only personnel but also assets of non-human nature involved in the project (time, financing, properties, etc).
Cross-browser compatibility
Cross-browser compatibility
With DHTMLX Gantt chart and React users of your web application won't have to worry whether their project charts are rendered properly across different browsers, as our Gantt component is 100% compatible with all popular browsers.

Server-side Computation in DHTMLX Gantt for React

Node.js Gantt Chart Library

A separate Node.js server module allows for:

Gathering information from different web and mobile apps and adjusting Gantt schedule accordingly;
Interacting with React Gantt simultaneously for multiple users;
Scheduling analysis using server-side code.

Export Options for React JS Gantt Chart

Online Export
Online export
DHTMLX React Gantt allows you to download the current snapshot of the Gantt chart in various formats (PDF/PNG, Excel, iCal, MS Project, Primavera P6) absolutely free using our online export service. The conditions for use of this option are determined by your current license agreement.
Local export module
To ensure that the process of exporting to popular formats (PNG, PDF, or MS Project) goes even more safely and conveniently, we offer a special local module that allows storing all data on your own server. This useful add-on can be installed as a Docker image, or as a separate export module.
Local module

Support & Learning Resources for React Gantt

We provide comprehensive documentation with technical samples. Moreover, our dedicated support team is fast and qualified. Find the suitable way to get support:

Gantt for React Valued by Developers and Project Managers

gantt chart web development
Benefits for Developers
DHTMLX Gantt supports easy and smooth integration with React JS as well as with other popular client-side frameworks and server-side technologies
Feature-rich API
Enhanced customization and editing capabilities
High-performance rates ensure proper rendering of big charts with thousands of tasks
Complete and well-structured documentation complemented with visually compelling tech samples
gantt chart web development
Benefits for Project Managers
DHTMLX solutions have been highly-demanded on the software market for more than a decade
The tech support is delivered by our team of professional developers in a timely and efficient manner
Our React Gantt chart component is widely used by the largest software companies, big businesses specialized in service management, resource-saving solutions and electronics, as well as by many medium- and small-scale enterprises
No hidden pitfalls (external dependencies or extra fees)

What Customers Say

dhtmlxKanban
Looking for a Neat Task Board?
Try DHTMLX Kanban

Latest Customer Spotlights from Our Clients

DHTMLX Gantt for XB Software
Gantt for XB Software
MVP for ERP system using React
Read More
DHTMLX Gantt for Splitvice
Gantt in Splitvice
Portfolio and project management tool
Read More
DHTMLX Gantt in Hive
Gantt in Hive
Team productivity platform
Read More
DHTMLX Gantt for Keyworks
Gantt for Keyworks
Cloud public administration platform
Read More
DHTMLX Gantt for GanttPRO
Gantt for GanttPRO
Online project management tool
Read More

DHTMLX React Gantt Licensing

Free GNU GPL v2 Commercial Enterprise Ultimate
License Terms
Free GNU GPL v2
Commercial
Enterprise
Ultimate
Developers
Free GNU GPL v2
Commercial
5
Enterprise
20
Ultimate
Projects
Free GNU GPL v2
(open source only)
Commercial
1
Enterprise
5
Ultimate
SaaS
Free GNU GPL v2
Commercial
Enterprise
Ultimate
Perpetual distribution rights
Free GNU GPL v2
Commercial
Enterprise
Ultimate
Support Plan
Free GNU GPL v2
No Official Support
Commercial
Standard Support
Enterprise
Premium Support
Ultimate
Ultimate Support
Time Period
GNU GPL
Commercial
1 year
Enterprise
1 year
Ultimate
1 year
Updates
GNU GPL
Commercial
Minor & major updates
Bug fixes
Enterprise
Minor & major updates
Bug fixes
Ultimate
Minor & major updates
Bug fixes
Emergency bug fixes
Tickets
Free GNU GPL v2
Only Community Forum
Commercial
10
Enterprise
30
Ultimate
Response Time
GNU GPL
Commercial
72h
Enterprise
48h
Ultimate
24h
Personal Acccount Manager
GNU GPL
Commercial
Enterprise
Ultimate
Functionality
GNU GPL
Standard
Commercial
Professional
Enterprise
Professional
Ultimate
Professional
16 PRO features
GNU GPL
Commercial
Enterprise
Ultimate
Resource management
GNU GPL
Commercial
Enterprise
Ultimate
Critical path calculation
GNU GPL
Commercial
Enterprise
Ultimate
Baselines, deadlines and other custom elements
GNU GPL
Commercial
Enterprise
Ultimate
Simple API for hiding/showing columns of the grid
GNU GPL
Commercial
Enterprise
Ultimate
Dynamic loading
GNU GPL
Commercial
Enterprise
Ultimate
Tasks grouping
GNU GPL
Commercial
Enterprise
Ultimate
Auto scheduling
GNU GPL
Commercial
Enterprise
Ultimate
Project and milestones task types
GNU GPL
Commercial
Enterprise
Ultimate
Split tasks
GNU GPL
Commercial
Enterprise
Ultimate
Setting task types automatically
GNU GPL
Commercial
Enterprise
Ultimate
Custom content in the overlay
GNU GPL
Commercial
Enterprise
Ultimate
Time constraints for tasks
GNU GPL
Commercial
Enterprise
Ultimate
Project-level work calendars
GNU GPL
Commercial
Enterprise
Ultimate
MS Project-like format of task dependencies
GNU GPL
Commercial
Enterprise
Ultimate
Decimal format of task duration
GNU GPL
Commercial
Enterprise
Ultimate
Several Gantt charts on 1 page ? This feature enables creating and destroying instances of Gantt, what is especially common for Angular, React, and other frameworks.
GNU GPL
Commercial
Enterprise
Ultimate
Online export to PDF/PNG without watermark
GNU GPL
Commercial
1 year
Enterprise
1 year
Ultimate
Perpetual
Free local PDF/PNG export module
GNU GPL
Commercial
Enterprise
Ultimate
Free local module for MS Project export/import
GNU GPL
Commercial
Enterprise
Ultimate
GNU GPL
Commercial
Enterprise
Ultimate

Need help with dhtmlxGantt integration into your app? Contact us

Send
a Question