Collapse All
Expand All
Undo
Redo
Auto Scheduling
Critical Path
Fullscreen
Zoom to Fit
Zoom Out
Zoom In
Export
PDF
Get more tools at the best price for building full-featured apps faster.
Interactive JavaScript/HTML5 Gantt Chart
for Your Solutions
DHTMLX Gantt is a full-featured Gantt chart for cross-browser and cross-platform applications.
The most complete library to cover all the needs of a project management app.
Key Features of DHTMLX JS Gantt Library
Resource allocation
DHTMLX Gantt provides rich resource management functionality, which enables users to benefit from efficient resource planning techniques. For example, a resource load chart gives insight into the current workload and helps to allocate resources optimally.
Grouping tasks by resources
It is possible to assign as many resources per task as you need. In order to conveniently navigate a project you can group tasks by the assigned resources. Instead of a common Gantt chart you can have a resource view, which allows monitoring task allocation.
Export and import from MS Project
DHTMLX Gantt can be a perfect alternative to MS Project in your application. Our JavaScript Gantt component enables users to import Gantt charts from MS Project as well as export them back as MPP files. Besides, DHTMLX Gantt supports Primavera, Excel, iCal, and PDF/PNG formats.
All You Need in a JavaScript Gantt Chart
JavaScript Gantt Features
User interface
- Editable and readonly Gantt charts
- Full screen mode
- Material design Gantt chart skin and 6 other skins
- High-contrast skins
- Support for touch devices: iOS, Android
- Flexible Gantt layout
- Tooltips for all Gantt elements
- Localization (30+ locales)
- Multiple Gantt charts on one page
Task dependencies
- 4 types of dependencies: finish-to-start, start-to-start, finish-to-finish, start-to-finish
- Tasks constraints pro
- MS Project link formatting pro
- Ability to set task types automatically pro
- Backward planning
- Auto scheduling pro
Grid
- Per-column grid sorting
- Sorting and filtering
- Inline editing
- Configurable columns
- Hiding and showing columns via API pro
- Optional tree view
- Resizing columns and grid from the UI pro
- Changing the height of separate rows
- Placeholder row for creating new tasks
- WBS codes calculation
Resource management pro
- Assigning resources
- Multiple resources per task
- Part-time resource assignments
- Resource calendars
- Resource histogram
- Resource load diagram
Export, import, and loading formats
- Export/import from/to MS Project, Primavera, Excel
- Export to iCal, PDF/PNG
- Loading from XML, JSON
General
- Full control with JavaScript API
- Content Security Policy (CSP) compliance
- Accessibility (WAI-ARIA)
- Ability to undo and redo changes
- Keyboard navigation
- jQuery integration
- Cross-browser: IE 11+, FF, Chrome, Safari, Opera
Gantt chart tasks
- Three types: project pro, task, milestone pro
- Multi-task selection
- Split tasks pro
- Progress tracking
- Critical path calculation pro
- Rollup tasks and milestones
- Grouping tasks by different criteria
- Decimal units for task duration pro
- Working calendar for the whole project pro
- Working days and hours for individual tasks
- Support for unscheduled tasks
- Managing editable and readonly modes of individual tasks via API
- Setting working time in minutes (New!)
- Merging working calendars pro (New!)
- Free slack and total slack
Project timeline
- Baselines, deadlines and other custom elements pro
- Vertical markers
- Fully configurable time scales
- Right-to-left mode
- Scrolling by click and drag
- Zooming by mouse wheel
- Marking specific time slots
Drag and drop
- Drag and drop of projects with subtasks
- Drag and drop of tasks with subtasks
- Drag and drop of multiple tasks
- Creating tasks by drag and drop
- Reordering Grid columns by drag and drop
- Auto-scrolling while drag and drop
Performance
- Dynamic loading pro
- Smart rendering
Customization
- Customizable task edit form (lightbox)
- Customizable timeline
- Customizable grid
- Customizable dependency links
- Customizable tooltips
- Support for custom tasks types pro
- Custom resource styling
- Custom content on top of Gantt pro
Learn more about JavaScript Gantt features available in the Standard edition and PRO edition.
Full-Featured JavaScript Gantt Chart Library for Project Management
DHTMLX Gantt allows building user-friendly project planning apps of any complexity. Discover its key functionality by watching a 3-minute overview.
10
Years on the market
6000+
NPM downloads per month
1000+
New trial & GNU GPL users per month
2500+
Customers
Combine Gantt Chart with Other DHTMLX Libraries
Develop a multi-featured project management app by combining Gantt chart with Kanban board and Scheduler event calendar. Below you can see an example of syncing Kanban tasks with DHTMLX Gantt and Scheduler.
JS Gantt Chart Samples
Trusted by Developers and Project Managers
Advantages for Developers
Pure JavaScript Gantt chart library with no dependencies
Simple integration with any server-side and client-side technologies
Rich and flexible JavaScript API
Fully customizable and editable
Impressively fast rendering of any number of tasks
All-covering documentation with video guides and tutorials
Advantages for Project Managers
Cost-effective alternative to MS Project
Toprated on the market for more than 10 years
Technical expertise in developing project management tools
Application in diverse industries: construction, ERP, service, etc.
Comprehensive live demos for various use cases
Transparent licensing policy
Thousands of projects worldwide are managed with tools based on DHTMLX Gantt
Latest Customer Spotlights from Our Clients
Support and Learning Resources for JS Gantt
JavaScript Gantt Integrations
Server-side integrations
Node.js Gantt Chart
DHTMLX Node.js server module is an add-on to the JavaScript Gantt library. However, it is an indispensable tool required for:
external integration with complex systems, CRM, ERP, and PM software;
real-time collaboration with many people working simultaneously on the same timeline;
for client-less integrations with calculations based on calendars, links, etc., performed on the fly.
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 element of the
JavaScript Gantt chart control: 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.
What Customers Say
Best choice for product development. Absolutely
It's stable. It's easy to setup, even if you don't have to 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.
A complete and easy to use companion for planning and resource management applications development
We have used the DHTMLX components, expecially the scheduler and the GANTT, to realize some complex resource management use cases that would require a lot of effort to realize from scratch. Using these components has significantly reduced the release time providing a good, bug free experience for the end users.
Versatile product and excellent support
We used dhtml for developing the Gantt charts in our project management tool. The product was easy to implement and is evolving continuously. So we are able to always have the best features in our cloud HR and ERP apps.
Truly Exceptional Products!
We searched high and low for a suite of components to make our lives much easier in developing our products, We initially had a need for a Gantt Chart and this one really stood out from the rest. I can tell you that after implementing it on 2 large products we are very impressed with the quality of this component as well as their other products.
Outstanding component
After reviewing many options for a Gantt component, we selected the one from DHTMLX. It is beautifully designed (appearance/UI) which was a key consideration for us, but really it's the full scope of features and capabilities that make it stand out. It has the flexibility for us to make it work exactly the way we need, and it has been a very simple process to integrate it and get it up and running.
DHTMLX Gantt Licensing
| 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
Minor & major updates
Bug fixes
|
Commercial
Minor & major updates
Bug fixes
|
Enterprise
Minor & major updates
Bug fixes
|
Ultimate
Minor & major updates
Bug fixes
Emergency bug fixes
|
| 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
|
|
Individual
Total: $699
|
Commercial
Total: $1399
|
Enterprise
Total: $2999
|
Ultimate
Total: $5999
|
Haven't found a suitable license option? Customize DHTMLX license terms to meet your needs
If you have an open-source (GNU GPL v2) project and you are not interested in PRO features, you may
use DHTMLX Gantt Standard Edition for free.
It comes without official technical support, but you can use the community forum instead.
It comes without official technical support, but you can use the community forum instead.
Need help with DHTMLX Gantt integration into your app? Contact us
Send
a Question
a Question