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>

Thank you for creating with Phoenix|
2025 ©Themewagon

v1.22.0

Demo widget
Request a callbackSearch in chatShow historyReport to AdminClose Support

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
RTL

Change text direction

Support Chat

Toggle support chat

Navigation Type
Vertical Navbar Appearance
Horizontal Navbar Shape
Horizontal Navbar Appearance
Purchase template
customize