World's Most Complete JavaScript & HTML5 Gantt Chart

DHTMLX Gantt is the most complete Gantt chart library to cover all the needs of a project management app and advance web development.

Key Features of DHTMLX JS Gantt Library

Resource management

DHTMLX Gantt enables end-users to allocate multiple resources, like personnel and facilities, to projects and tasks. It also helps to adjust the assignments accurately with the help of various load charts and histograms.

Critical path

It is possible to highlight the minimum duration of an entire project and determine the most vital tasks due to the built-in critical path calculation in DHTMLX Gantt. Moreover, the chart allows displaying the slack time and setting the lag and lead times.

Auto scheduling

The DHTMLX JavaScript Gantt chart library includes automatic scheduling functionality. If an end-user changes the duration of a particular task, the auto-scheduling extension updates all due dates automatically, taking into account task dependencies.

Node.js server module

It is an indispensable tool for external integration with complex CRM or ERP systems, real-time collaboration with many people working simultaneously on the same timeline, and clientless integrations with calculations based on calendars and links performed on the fly.

Export to PDF, Excel, and MS Project

They are standalone modules that you can install locally to export Gantt charts of any size to different formats without the need to send your data to our server. We provide export modules to PDF, PNG, iCal, and Excel files, as well as MS Project and Primavera P6.

Drag and drop

The DHTMLX JavaScript Gantt chart supports diverse drag-and-drop operations. End-users can move several tasks, create tasks from scratch, and reorder columns in the grid with the help of drag and drop. Developers can control all the behavior via API.

Inline editing

Due to a keyboard navigation mode, end-users are free to manage all tasks right in the grid via inline editing. Keyboard shortcuts allow the creation and update of project tasks and their relations.

Built-in CSS themes

The JavaScript Gantt chart library provides 8 predefined skins that can be easily customized and styled using CSS variables. It's possible to switch between themes dynamically and change the overall Gantt chart look with just one click.

DHTMLX Gantt for React

DHTMLX Gantt ensures a smooth React development experience by combining its powerful API with React's declarative data handling, enabling effortless customization with React components and state management techniques.

• Native React support with JSX/TSX
• Works smoothly with Redux for state management
• Optimized for performance in React applications

Why Choose DHTMLX JavaScript Gantt Chart?

Easy to set up and use

Even if you are not a JavaScript expert, starting your work with our HTML5 Gantt control is straightforward. You can quickly initialize it with a few lines of code and equip it with the desired features. Comprehensive documentation, technical guides, and online demos have got you covered.

Full-featured out of the box

DHTMLX Gantt is the most complete JavaScript Gantt chart library for project management. It has all the necessary functionality including different task types, scheduling techniques, and resource management. Enjoy its clean UI out of the box.

Fully customizable

A rich and flexible API allows you to configure each and every JS Gantt chart element: customize time scale, define grid structure, style task bars, fine-tune editing form, and add any kind of custom HTML content.

Stable and high-performance

Robust and flawless performance is the key criterion for large projects with thousands of tasks. You can load any number of tasks to the JavaScript Gantt component and it will render them smoothly due to smart rendering and dynamic loading.

Cross-browser and adaptable

DHTMLX Gantt is cross-browser and works in Chrome, Firefox, Safari, IE11, and all Chromium-based browsers (e.g., Microsoft Edge, Opera, Vivaldi). Being pure JS, our Gantt chart is compatible with any front-end and back-end technologies.