Announcing DHTMLX React Gantt with Redux, TypeScript and MUI Support

DHTMLX Gantt

JavaScript

World's Most Complete JavaScript & HTML5 Gantt Chart

Name: JavaScript Gantt Chart Library - DHTMLX Gantt
Rating: 4.7 (47 reviews)

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

Get free trial

See live demo

Get free trial

See live demo

Thousands of projects worldwide are managed with tools based on DHTMLX Gantt.

Key Features of DHTMLX JS Gantt Library

View sample

Learn more

View sample

Download free trial

Compare Gantt editions

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

Check DHTMLX React Gantt chart

Other JS Gantt Integrations

Vue.js

Angular

Svelte

Salesforce

Check out all the DHTMLX integrations

JS Gantt Examples

Initialization

Data loading, localization, rollup tasks, and backward planning.

Check initialization samples

Extensions

Drag-and-drop, critical path, auto-scheduling, keyboard navigation.

Check extensions samples

Scales

Dynamic and custom scales, showing working hours.

Check scales samples

Customization

Custom tree formatting and task types, baselines, and deadlines.

Check customization samples

Lightbox

Lightbox customization, adding new buttons and controls.

Check lightbox samples

Skins

Dark and Material built-in themes, changing skins dynamically.

Check skins samples

Grid

Filtering and sorting, inline editing, and horizontal scroll inside Grid.

Check grid samples

API

Data export/import, draggable projects, performance tweaks.

Check API samples

Worktime

Calculating working hours, decimal durations, and custom timetables.

Check worktime samples

Layout

Resource panel, RTL mode, right-side grid.

Check layout samples

Resources

Resource load diagrams, assigning task owners, and grouping.

Check resources samples

Multiple Gantt charts

Working with multiple Gantts on a page, exporting data from Gantt.

Check multiple charts samples

Get free trial

View code snippets

Elevate Your Project Management Apps with DHTMLX

We offer a set of developer-friendly JavaScript components for building feature-packed task management and resource allocation web apps.

Check more components

Get a 70% Discount on DHTMLX Licenses for Startup

Personalized technical support

Usage in SaaS applications

Get discount

Meet PERT Chart

Generating clean PERT diagrams

Smooth integration with DHTMLX Gantt

Request early access

Powering Project Management Across
Industries with DHTMLX Gantt

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

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

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.

Show all stories

DHTMLX JS Gantt Live Demo

Open a demo on desktop

Try for free

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.

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.

Try for free

DHTMLX Gantt Licensing

Individual

Total: $699

Buy now

Commercial

Total: $1399

Buy now

Enterprise

Total: $2999

Buy now

Ultimate

Total: $5999

Buy now

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

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

Individual

$699

Buy now

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

Buy now

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

Buy now

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

Buy now

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

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.

Claim 3 months for free

Unlock up to 65% Savings with DHTMLX Bundles

Complete pack

Gantt

Scheduler

Suite with Grid

Spreadsheet

Diagram

Pivot

Kanban

Event Calendar

To Do List

Rich Text Editor

Vault

ChatBot

Booking widget

What's in it for you:

The full power of all complex widgets combined with prime Suite UI controls
From $380 per developer (even less for big teams)
Save up to 65% compared to purchasing all components individually

Check Complete pack offer

Advanced pack

Scheduler

Suite with Grid

Gantt

Booking widget

What's in it for you:

From $305 per developer
Three advanced component libraries at the price of two
All the essential features for project management

Check bundle offers

Planning pack

To Do List

Event Calendar

Scheduler

Kanban

Gantt

Booking widget

What's in it for you:

From $286 per developer
Get Gantt and Scheduler - three other widgets come for free in this bundle
The most comprehensive set of project management tools

Check bundle offers

Scheduling pack

Event Calendar

Scheduler

Gantt

Booking widget

What's in it for you:

From $206 per developer
Save up to 60% on Gantt and Scheduler and get Event Calendar as a bonus
All you need for building outstanding booking and scheduling apps

Check bundle offers

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.

Get more information

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.

Visit documentation

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.

Visit forum

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.

Download

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.

Visit GitHub

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.

Visit official tech support

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.

Visit integrations

What Customers Say

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.

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.

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.

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