<
Meet DHTMLX Gantt 8.0 with Improved Resource Management, Updated Auto Scheduling and Slack Calculation, New Design for Samples, and More

Comprehensive 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.

Try DHTMLX JS Gantt Live Demo

Open a demo on desktop
Thousands of projects worldwide are managed with tools based on DHTMLX Gantt.

Key Features of DHTMLX JS Gantt Library

PRO edition
Add-ons
Standard edition
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.
PDF/PNG export module
It is a standalone module that you can install locally to export Gantt charts of any size to PDF and PNG formats without the need to send your data to our server. In addition to PDF and PNG, it provides the ability to convert Gantt projects to iCal and Excel files.
MS Project and Primavera P6 module
You can also deploy an export module for MS Project and Primavera P6 on your server. This module serves to export and import Gantt data to the most popular project management formats securely.
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.
Tooltips
You can add tooltips to any DHTMLX Gantt elements like tasks, connectors, milestones, or anything else. Tooltips can contain any information you need. You can fully customize their appearance and behavior to meet your requirements.

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 in no time. Guides, demos, and video tutorials 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. Besides, it is beautiful 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.
Get started for free
Download the DHTMLX Gantt trial version and evaluate it free of charge for 30 days benefiting from the official technical support of our team.

What Customers Say

It's stable. It's easy to set up, even if you don’t have too much development experience. It’s highly customizable. It's full of features out of the box (and if something missing, you can write your own addon to cover missing functionality). It's beautiful out of the box, which is not always the case for similar components. Workload functionality is included, which is not the case for such components.
Dmitry (Dan) Dudin
CEO at GanttPRO
The API is extremely flexible, well documented and easy to understand if you need to look at underlying source code. The support has been responsive and high quality. We would absolutely recommend using DHTMLX and are even considering using some other products that they offer based on our experience so far.
Hive Team
Team productivity platform
For Splitvice, dhtmlxGantt fits with what we need. It's a stand-alone component, without an extra run-time fee. It's flexible and highly customizable. We get good support when we need it, but most of our questions are found right in the knowledge database.
Splitvice Team
Portfolio and project management tool
We were looking for a project management plugin to help reduce our time to market and development costs. That is why we are using DHTMLX Gantt. I tested a free version of your Gantt product and I was satisfied with the API provided with the plugin. Your product fitted my needs and it was easy to integrate it into my application.
Thomas Meghe
senior developer at the French company Echo on
Documentation
Browse documentation
Here you will find the API references as well as all the necessary guides and tutorials to quickly initialize, configure and customize the DHTMLX Gantt library.
Forum
Consult our community forum
The forum has accumulated lots of shared knowledge of the work with our Gantt in JavaScript and other technologies. It is completely free and includes answers from our tech specialists.
Free trial
Get a 30-day free trial
The best way to make sure that our Gantt chart JavaScript library is what you need is to test it free of charge during 30 days in your projects and take advantage of our official tech support.
Github
Discover our GitHub repository
This is the DHTMLX JavaScript Gantt chart open source version under the GNU GPL v2 license for non-commercial projects. It comprises all the features from the Standard edition.
Official tech support
Profit from DHTMLX support
We support each and every user of our Gantt JS library. Here you can learn what levels of support we offer for trial users and owners of proprietary and open-source licenses.
Integrations
Integrate Gantt with anything
We have prepared various materials to help you integrate DHTMLX Gantt with Angular, React, Vue.js, Salesforce, ASP.Net, Node.js, and any other technology you need.

DHTMLX Gantt Licensing

Gantt
Save on bundles
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 (unlimited end-users)
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
Major, minor, and maintenance updates
Commercial
Major, minor, and maintenance updates
Enterprise
Major, minor, and maintenance updates
Ultimate
Major, minor, and maintenance updates
Priority queue for bug fixing
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
Functionality
Individual
Professional
Commercial
Professional
Enterprise
Professional
Ultimate
Professional
16 PRO features
Individual
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.
Individual
Commercial
Enterprise
Ultimate
Online export to PDF/PNG without watermark
Individual
Free for 1 year
Commercial
Free for 1 year
Enterprise
Free for 1 year
Ultimate
Free for 3 years
Free local PDF/PNG export module
Individual
Commercial
Enterprise
Ultimate
Free local module for MS Project export/import
Individual
Commercial
Enterprise
Ultimate
Free Node.js Gantt server module
Individual
Commercial
Enterprise
Ultimate
Get a 70% Discount on DHTMLX Gantt for Your Startup
One-year license for DHTMLX JavaScript Gantt chart to help you cut your time-to-market and deliver top-notch software solutions.

Combine Gantt Chart with Other DHTMLX Libraries

Kanban with Gantt and Scheduler
Gantt with To Do List
Kanban with To Do List
Our Gantt chart JS library can be easily synced with other DHTMLX widgets for productivity and project management. Combining it with Scheduler and Kanban will allow end-users to glance at their projects from different angles.
As DHTMLX widgets share the same dataset, developers can easily convert JS Gantt tasks into to-do lists with checkboxes. Thus, end-users can conveniently manage work on a large scale and simultaneously track progress on separate tasks.
You can equip your application with any combination of views based on DHTMLX. Altogether, DHTMLX components can comprise a comprehensive web app for measuring workload and efficiency.