<
DHTMLX Gantt 9.1 with Tailored Time Scale, Flexible Split Tasks, Multi-User Live Updates, and Much More
DHTMLX Gantt
JavaScript UI Library JavaScript

JavaScript Gantt Chart Library for Project Management — DHTMLX Gantt

DHTMLX Gantt is a comprehensive JavaScript Gantt chart library designed to simplify project planning, automate scheduling, visualize critical paths, and manage resources efficiently for teams of any size.

dhtmlxGantt
dhtmlxGantt
dhtmlxGantt
dhtmlxGantt
dhtmlxGantt
dhtmlxGantt
dhtmlxGantt
dhtmlxGantt
dhtmlxGantt
dhtmlxGantt
dhtmlxGantt
dhtmlxGantt
dhtmlxGantt
dhtmlxGantt
dhtmlxGantt
View fullscreen
NCI
Deutsche Bank
Siemens
Apple
Airbus
Embraer
Hilton
Tele2
Aprika
FedEx
GanttPro
Oracle
Amazon
Accenture
IBM
Cisco
Intel
Nasa
ABB
Capgemini
BBC News
NCI
Deutsche Bank
Siemens
Apple
Airbus
Embraer
Hilton
Tele2
Aprika
FedEx
GanttPro
Oracle
Amazon
Accenture
IBM
Cisco
Intel
Nasa
ABB
Capgemini
BBC News
Thousands of projects worldwide are managed with tools based on DHTMLX Gantt.
Capterra Shortlist 2024
GetApp Category Leaders 2024
Software Advice Front Runners 2024
Best Meets Requirements
High Performer EMEA
Users Most Likely To Recommend
Easiest to Use

Key Features of DHTMLX JS Gantt Chart Library

Resource management

Critical path

Auto scheduling

Node.js server module

Export to PDF, Excel, and MS Project

Drag and drop

Inline editing

Built-in CSS themes

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.
Resource management in dhtmlxGantt
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.
Critical path in dhtmlxGantt
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.
Auto scheduling in dhtmlxGantt
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.
Export to PDF in dhtmlxGantt
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.
Drag and drop in dhtmlxGantt
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.
Inline editing in dhtmlxGantt
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.
Built-in CSS themes in dhtmlxGantt

JavaScript Gantt Chart for React Applications

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
dhtmlxGantt for React

AI-Powered
Gantt Configuration

Build project timelines faster with AI-powered Gantt demos. These examples show how natural language and DHTMLX Gantt work together to automate routine setup tasks and simplify UI adjustments.

AI Gantt chart maker creates project management diagrams with tasks and dependencies from scratch using plain-text instructions.
AI Gantt theme builder allows you to customize Gantt's color schemes, layouts, and styles using natural language or pre-built prompts.
AI-powered Gantt chart creation and customization

JS Gantt Chart Examples

Initialization
Data loading, localization, rollup tasks, and backward planning.
Initialization examples in dhtmlxGantt
Extensions
Drag-and-drop, critical path, auto-scheduling, keyboard navigation.
Extensions examples in dhtmlxGantt
Scales
Dynamic and custom scales, showing working hours.
Scales examples in dhtmlxGantt
Customization
Custom tree formatting and task types, baselines, and deadlines.
Customization examples in dhtmlxGantt
Lightbox
Lightbox customization, adding new buttons and controls.
Lightbox customization examples in dhtmlxGantt
Skins
Dark and Material built-in themes, changing skins dynamically.
Skins examples in dhtmlxGantt
Grid
Filtering and sorting, inline editing, and horizontal scroll inside Grid.
Grid examples in dhtmlxGantt
API
Data export/import, draggable projects, performance tweaks.
API examples in dhtmlxGantt
Worktime
Calculating working hours, decimal durations, and custom timetables.
Worktime examples in dhtmlxGantt
Layout
Resource panel, RTL mode, right-side grid.
Layout examples in dhtmlxGantt
Resources
Resource load diagrams, assigning task owners, and grouping.
Resources examples in dhtmlxGantt
Multiple Gantt charts
Working with multiple Gantts on a page, exporting data from Gantt.
Multiple Gantt charts examples in dhtmlxGantt

Get a Complete Project Insight with DHTMLX PERT Chart

Combine DHTMLX Gantt with the PERT charts from DHTMLX
Diagram for a comprehensive project view. Visualize task timelines
and dependencies.
PERT Chart Banner

Powering Project Management Across
Industries with DHTMLX Gantt

Complete strategic portfolio management solution
Complete strategic portfolio management solution
Our JavaScript Gantt has been used in three different scenarios to build a complete strategic portfolio management solution successfully operated in the DACH Region
Internal project management solution
Internal project management solution
DHTMLX Gantt allows optimizing engineering processes successfully within the organization. Read about tips and challenges of using the Gantt chart in the interview with Nathan Brown, a director of business systems from Multi Parts.
Construction forecasting software
Construction forecasting software
A US-based construction company built an effective field forecasting software by integrating DHTMLX Gantt into their accounting system. The President of Venplan LLC shared the company's experience of working with the Gantt chart library.

DHTMLX JS Gantt Live Demo

Open a demo on desktop

Why Choose DHTMLX JavaScript Gantt for Enterprise Apps?

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

Licensing & Pricing for DHTMLX Gantt

Add Diagram to use
Gantt with PERT
charts and save 20%
Individual
Total: $699
Commercial
Total: $1399
Enterprise
Total: $2999
Ultimate
Total: $5999
Gantt your choice
$699 $1399 $2999 $5999
Gantt + Diagram
(PERT charts
included)
$1038 $2158 $4718 $9438
Diagram (PERT charts included)
$599 $1299 $2899 $5799
License Terms Read License Agreement Read License Agreement Read License Agreement Read License Agreement
Developers 1 5 20
Projects 1 1 5
Use in SaaS (unlimited end-users)
Upon request for a fee
Use in Salesforce
Source code
Perpetual distribution rights
Support Plan
Standard Premium Premium Ultimate
Time Period 1 year 1 year 1 year 1 year
Updates Major, minor, and maintenance updates Major, minor, and maintenance updates Major, minor, and maintenance updates
Major, minor, and maintenance updates
Priority queue for bug fixing
Support requests 10 30 50
Response time 72h 48h 48h 24h
Personal Account Manager
Functionality
PRO PRO + 2 add-ons PRO + 3 add-ons PRO + 5 add-ons
20+ PRO features
React Gantt chart
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.
Online export to PDF/PNG without watermark Free for 1 year Free for 1 year Free for 1 year Free for 3 years
Free local PDF/PNG export module
Free local module for MS Project export/import
Free Node.js Gantt server module
Add Diagram to use
Gantt with PERT
charts and save 20%
Individual
$699
Gantt your choice
$699
Gantt + Diagram
(PERT charts
included)
$1038
Diagram (PERT charts included)
$599
License Terms Read License Agreement
Developers 1
Projects 1
Use in SaaS (unlimited end-users)
Use in Salesforce
Source code
Perpetual distribution rights
Support Plan
Standard
Time Period 1 year
Updates Major, minor, and maintenance updates
Support requests 10
Response time 72h
Personal Account Manager
Functionality
PRO
20+ PRO features
React Gantt chart
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.
Online export to PDF/PNG without watermark Free for 1 year
Free local PDF/PNG export module
Free local module for MS Project export/import
Free Node.js Gantt server module
Commercial
$1399
Gantt your choice
$1399
Gantt + Diagram
(PERT charts
included)
$2158
Diagram (PERT charts included)
$1299
License Terms Read License Agreement
Developers 5
Projects 1
Use in SaaS (unlimited end-users) Upon request for a fee
Use in Salesforce
Source code
Perpetual distribution rights
Support Plan
Premium
Time Period 1 year
Updates Major, minor, and maintenance updates
Support requests 30
Response time 48h
Personal Account Manager
Functionality
PRO + 2 add-ons
20+ PRO features
React Gantt chart
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.
Online export to PDF/PNG without watermark Free for 1 year
Free local PDF/PNG export module
Free local module for MS Project export/import
Free Node.js Gantt server module
Enterprise
$2999
Gantt your choice
$2999
Gantt + Diagram
(PERT charts
included)
$4718
Diagram (PERT charts included)
$2899
License Terms Read License Agreement
Developers 20
Projects 5
Use in SaaS (unlimited end-users)
Use in Salesforce
Source code
Perpetual distribution rights
Support Plan
Premium
Time Period 1 year
Updates Major, minor, and maintenance updates
Support requests 50
Response time 48h
Personal Account Manager
Functionality
PRO + 3 add-ons
20+ PRO features
React Gantt chart
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.
Online export to PDF/PNG without watermark Free for 1 year
Free local PDF/PNG export module
Free local module for MS Project export/import
Free Node.js Gantt server module
Ultimate
$5999
Gantt your choice
$5999
Gantt + Diagram
(PERT charts
included)
$9438
Diagram (PERT charts included)
$5799
License Terms Read License Agreement
Developers
Projects
Use in SaaS (unlimited end-users)
Use in Salesforce
Source code
Perpetual distribution rights
Support Plan
Ultimate
Time Period 1 year
Updates
Major, minor, and maintenance updates
Priority queue for bug fixing
Support requests
Response time 24h
Personal Account Manager
Functionality
PRO + 5 add-on
20+ PRO features
React Gantt chart
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.
Online export to PDF/PNG without watermark Free for 3 years
Free local PDF/PNG export module
Free local module for MS Project export/import
Free Node.js Gantt server module

Unlock up to 65% Savings with DHTMLX Bundles

Open-source Gantt Version - Standard Edition
The open source version of DHTMLX Gantt (Standard Edition) is distributed under the GPL v2.0 license. If you have an open-source project licensed under a GPLv2-compatible license and do not need PRO features, you may use DHTMLX Gantt Standard Edition for free. This version does not come with official technical support, but you can access assistance through the community forum.
Already Using Another Gantt Chart Solution?
We understand that transitioning to a new component takes effort.
To make it smoother, we're offering 3 months of DHTMLX Gantt for free when you switch.
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
Here is the official DHTMLX repository on GitHub. There, you can find the Standard edition of the JavaScript Gantt chart and Standard editions of other DHTMLX components.
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.

Customer Reviews & Testimonials

We saw that many samples from DHTMLX were already provided with use cases that were important for us. So, we were quite sure that we could implement the things that we wanted to implement because there were some samples we could work on. We got some key features like grouping by resources, auto-scheduling, undo, but overall it was high performance and ease of using it.
scholz.msconsulting
Christoph Hüsson
Senior Developer at the German software service provider scholz.msconsulting
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.
CEO of GanttPro
Dmitry (Dan) Dudin
CEO at GanttPRO
We've been using DHTMLX libraries since 2005/06. It's pretty simple. You guys build controls we couldn't possibly do. Before that, we used straight HTML. Using DHTMLX lets us concentrate primarily on the functional aspects of the application and be able to deliver a modern sophisticated user interface without having to build those kinds of controls ourselves.
Point Enterprises
David Basri
President of the American software company Point Enterprises, Inc.
The most appreciated features of the DHTMLX library are the perfectly integrated set of standard user interface components, a well designed API easy to understand and the really extensive documentation that really speeds up the development.
VGS Global
VGS Global Team
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
Hive Team
I'm pretty happy with the software because it's very easy and quick to implement. I love to have fast results, it definitely helps. It was very useful to see the Scheduler demos on your website. These demos helped us to see how things are working in real-case scenarios. I think that your demos that looked and worked really well made me choose DHTMLX.
QN Projects
Jeroen van Lierop
Product Manager at the Netherlands-based startup QN Projects
Start your journey with an advanced DHTMLX Gantt chart
Download a free 30-day trial version of DHTMLX Gantt and experiment with the robust performance, enterprise-grade features, flexible customization, and high-rated official tech support.
NO credit card required
DHTMLX Gantt Banner

Latest Blog Posts

Adding a Progress Line to DHTMLX JavaScript Gantt Chart
Announcing New JavaScript Project Management Demo App with Backend
Enhancing Project Workflow Visibility in a JavaScript Gantt Chart with a Mind Map
What's new
Discover the recently launched DHTMLX Gantt versions, fresh developer guides, and tutorials with code snippets and practical tips from our tech team.