<
DHTMLX Gantt 10.0: New Scheduling Engine, Official Angular and Vue Wrappers, and Community Edition under MIT License
DHTMLX Gantt
MIT License

Free JavaScript Gantt Chart - MIT Licensed

An open source Gantt chart component for building performant project management diagrams with minimal time and effort on coding.

npm install dhtmlx-gantt
Click to copy
npm install dhtmlx-gantt
Click to copy

Try Free MIT-Licensed JavaScript Gantt Chart Live Demo

Open a demo on desktop

Flexible MIT-Licensed JavaScript Gantt Chart
for Project Timelines

DHTMLX offers a free JavaScript Gantt chart library distributed under the MIT license. This Community Edition helps teams manage tasks, adjust schedules, and work efficiently with a clean interface that supports collaborative planning.

Task management

Customizable UI

Data & Accessibility

Task dependencies and milestones

Project schedules can be organized with hierarchical tasks and all common dependency types, including finish-to-start, start-to-start, finish-to-finish, and start-to-finish relationships. Important deadlines and deliverables are shown as milestone markers directly on the timeline.
Task management

Inline editing and filtering

Built-in inline editors enable users to create and update project tasks, set connections between them, and modify their duration. Task filtering helps focus on relevant work items, such as tasks assigned to a specific resource or those with a particular priority.
Inline editing and filtering

Smart rendering

DHTMLX Gantt is a free JavaScript Gantt MIT component designed for high-performance project scheduling applications. Built-in smart rendering enables fast visualization of more than 30,000 tasks and dependencies while keeping interactions responsive.
Smart rendering
Task dependencies and milestones

RTL mode

The Right-to-Left mode in the MIT JavaScript Gantt chart is designed to support languages that are read from right to left. When enabled, it reverses the direction of the time scale and the order of rows in the grid, ensuring a seamless and intuitive experience for RTL language users.
RTL mode

Built-in themes

The open source Gantt chart by DHTMLX provides 7 predefined skins that you can apply to change your Gantt chart look, including Material, Dark, and Contrast Black and White themes to improve your app accessibility. You can also use CSS variables to customize the Gantt's appearance.
Built-in themes

Flexible Gantt layout

A configurable layout of DHTMLX Gantt allows you to arrange the elements as inner views within its layout. Thus, you can add extra timelines and grids, building a flexible Gantt chart structure with customizable element arrangements.
Flexible Gantt layout
RTL mode

XML import and export

DHTMLX Gantt supports loading project data from XML files and serializing tasks and dependencies back to XML for data exchange and storage. XML data can be loaded directly from local or remote sources, making it easy to integrate the Gantt chart with existing project management systems.
XML import and export

Accessibility and keyboard navigation

As an open source JavaScript Gantt chart under the MIT license, DHTMLX Gantt provides WAI-ARIA support and keyboard navigation for improved accessibility. Users can navigate tasks, grid cells, links, and timeline elements using the keyboard, helping teams build more inclusive project management applications.
Accessibility and keyboard navigation

Responsive and full-screen mode

Responsive rendering ensures the Gantt chart remains usable across devices, while configurable layouts allow developers to tailor the interface to available screen space. Full-screen mode offers an expanded view for navigating large schedules and project structures.
Responsive and full-screen mode
XML import and export

Upgrade Your Project Management App
With High-Level Functionality

Get Started in Minutes with the Free Open Source
Gantt Chart Library

DHTMLX Gantt is available under the MIT license, making it free for any project with zero restrictions on getting started. Drop it into your stack via npm and go from install to a fully interactive JavaScript Gantt chart in minutes.
One command to install and import into any JavaScript or TypeScript project
Works with modern stacks: ES modules, bundlers, TypeScript, CI/CD
Upgrade to PRO at any time for auto-scheduling, resource management, and enterprise support with no rewrite needed
npm
npm install dhtmlx-gantt
Prompt
Run npm install dhtmlx-gantt and create a project timeline with at least five tasks, dependencies between them, and a progress indicator on each bar. Enable drag-and-drop to reschedule tasks.

Integrate Gantt Chart Open Source Component
with Your Stack

Open Source vs PRO Gantt Chart Comparison

Community Edition PRO Edition
4 types of tasks linking
Milestones
Project summary
Inline editing
Comprehensive drag-and-drop behavior
Custom scales
Built-in themes
Zoom
Backward planning
Creating multiple Gantt charts on one page
Resource management
Auto scheduling
Critical path calculation
Task grouping
Dynamic loading
Support for custom elements in the timeline
WBS codes
Community Edition
4 types of tasks linking
Milestones
Project summary
Inline editing
Comprehensive drag-and-drop behavior
Custom scales
Built-in themes
Zoom
Backward planning
Creating multiple Gantt charts on one page
Resource management
Auto scheduling
Critical path calculation
Task grouping
Dynamic loading
Support for custom elements in the timeline
WBS codes
PRO Edition
4 types of tasks linking
Milestones
Project summary
Inline editing
Comprehensive drag-and-drop behavior
Custom scales
Built-in themes
Zoom
Backward planning
Creating multiple Gantt charts on one page
Resource management
Auto scheduling
Critical path calculation
Task grouping
Dynamic loading
Support for custom elements in the timeline
WBS codes

Free Trial

Explore enterprise-grade features of DHTMLX Gantt with a 30-day trial.

DHTMLX Gantt chart
Open-Source Gantt Chart - DHTMLX Gantt Community Edition
The open-source version of DHTMLX Gantt (Community Edition) is distributed under the MIT license. It can be used free of charge in open-source projects that do not require PRO features. This edition does not include official technical support; however, assistance is available through the community forum.

FAQ: MIT JavaScript Gantt Chart

Is DHTMLX Gantt available under
the MIT license?

The Community Edition of DHTMLX Gantt is a free JavaScript Gantt chart component distributed under the MIT license. This means you can use and modify the library in open-source projects without paying licensing fees or hitting trial limits.

What is the difference between GPL and MIT for a JavaScript Gantt chart?

The main difference is in how you can use and distribute the code. A GPL vs MIT Gantt chart comparison usually comes down to openness and flexibility: MIT is more permissive, while GPL places stronger requirements on derivative works. In practice, a GPL vs MIT JavaScript library decision depends on whether you want maximum freedom for commercial and proprietary use or prefer a copyleft model.

Can I use an open source JavaScript Gantt chart in a commercial project?

Yes, in many cases you can, but the license matters. An open source Gantt chart MIT license is generally the easiest choice for commercial use because it allows broad reuse, including proprietary products. An MIT-licensed Gantt chart JavaScript project is often preferred when you want minimal licensing restrictions.

What should I choose: GPLv2, MIT, or commercial Gantt license?

Choose MIT if you want an MIT Gantt chart library with the fewest restrictions and the simplest path for commercial use. Choose GPLv2 if your project is open source and you are comfortable with copyleft requirements. Choose a commercial license if you need advanced features, official support, or if an MIT-licensed project timeline JavaScript setup is not enough for your product needs.

Latest Blog Posts

Building SSR-Friendly Project Planning Apps with Remix and DHTMLX React Gantt Building SSR-Friendly Project Planning Apps with Remix and DHTMLX React Gantt
Building a Full-Stack React App in Lovable AI with DHTMLX Gantt Building a Full-Stack React App in Lovable AI with DHTMLX Gantt
Agent Skill for Enhancing AI-Assisted Development with DHTMLX Gantt and Scheduler Agent Skill for Enhancing AI-Assisted Development with DHTMLX Gantt and Scheduler
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.