## DHTMLX Gantt

DHTMLX Gantt is an open source JavaScript Gantt chart library that helps you illustrate and manage a project schedule in a nice-looking diagram.

DHTMLX Gantt

#### Html

    <pre class="scrollbar my-5"><code class="language-html">&lt;div class=&quot;gantt-app-container scrollbar&quot;&gt;
      &lt;div id=&quot;gantt-app&quot; style=&quot;width:100%;height:100%;&quot;&gt;&lt;/div&gt;
    &lt;/div&gt;</code></pre>

    <div class="gantt-app-container scrollbar">
      <div id="gantt-app" style="width:100%;height:100%;"></div>
    </div>

#### Stylesheet

    <pre><code class="language-html">&lt;link href=&quot;../../vendors/dhtmlx-gantt/dhtmlxgantt.css&quot; rel=&quot;stylesheet&quot; /&gt;</code></pre>

    <link href="../../vendors/dhtmlx-gantt/dhtmlxgantt.css" rel="stylesheet" />

#### Javascript

    <pre><code class="language-html">&lt;script src=&quot;../../vendors/dhtmlx-gantt/dhtmlxgantt.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;../../assets/js/pages/gantt-chart.js&quot;&gt;&lt;/script&gt;</code></pre>

    <script src="../../vendors/dhtmlx-gantt/dhtmlxgantt.js"></script>
    <script src="../../assets/js/pages/gantt-chart.js"></script>

##### Demo widget

I need help with something

I can’t reorder a product I previously ordered

How do I place an order?

My payment method not working

##### Eric

Ask us anything – we’ll get back to you here or by email within 24 hours.

##### Theme Customizer

Explore different styles according to your preferences

##### Color Scheme

Light
Dark
Auto

##### RTL

Change text direction

##### Support Chat

Toggle support chat

##### Navigation Type

Vertical
Horizontal
Combo
Dual nav

##### Vertical Navbar Appearance

Default Default
Darker Lighter

##### Horizontal Navbar Shape

Default
Slim

##### Horizontal Navbar Appearance

Default
Darker Lighter
Purchase template
customize