<
Meet DHTMLX Gantt 8.0 with Improved Resource Management, Updated Auto Scheduling and Slack Calculation, New Design for Samples, and More
Svelte

State-of-the-Art Svelte Gantt Chart

Develop the most modern project management applications with DHTMLX Gantt in Svelte.

Try DHTMLX Svelte Gantt Live Demo

Open a demo on desktop
DHTMLX Gantt has already been used for managing thousands of projects worldwide.

How to Create Svelte Gantt Chart

4 steps to start with DHTMLX Gantt in Svelte:
1.
Create a Svelte component for Gantt and import Gantt and its CSS file.
2.
Create the Gantt instance in the onMount method and add the Gantt configuration there.
3.
Destroy the Gantt Instance in the return method to clean up when Gantt is no longer needed.
4.
Add the container element for Gantt.

Features of DHTMLX Svelte Gantt Chart

PRO edition
Add-ons
Standard edition
Resource management
With DHTMLX Gantt, end-users can effectively allocate multiple resources, e.g. staff and facilities, to projects and tasks. The use of various load charts and histograms ensures accurate adjustment of project assignments.
Critical path
By leveraging the built-in critical path calculation feature, you can highlight the minimum duration of an entire project and determine the most crucial tasks. DHTMLX Gantt provides the ability to display the slack time and set the lag and lead times.
Auto scheduling
With the automatic scheduling functionality provided by DHTMLX Gantt, end-users can change the duration of a particular task so all due dates will be updated automatically in accordance with the task dependencies.
Node.js server module
This indispensable tool plays a crucial role while enabling external integration with complex CRM or ERP systems. It empowers real-time collaboration with coworkers operating simultaneously on a shared timeline and provides clientless integrations with on-the-fly calculations based on calendars and links.
PDF/PNG export module
We suggest you deploy a standalone module to convert Gantt projects of any size to PDF, PNG, iCal, and Excel formats. Thus, you’ll export your data securely without the need to send it to our server.
MS Project and Primavera P6 module
You can also install an export module for MS Project and Primavera P6 on your server. This module allows exporting and importing Gantt data to the most widely used project management formats securely.
Drag and drop
The DHTMLX Gantt chart provides extensive support for drag-and-drop operations. They include moving several tasks, creating new tasks, and reordering columns in the grid. As a developer, you have full control over drag-and-drop behavior via API.
Inline editing
Thanks to the keyboard navigation, end-users can easily manage all tasks within the grid via inline editing. The availability of keyboard shortcuts streamlines the process of creating and updating project tasks, as well as handling their dependencies.
Tooltips
You can attach tooltips to DHTMLX Gantt elements, including tasks, connectors, milestones, or anything else. It’s possible to display any information inside tooltips and customize their appearance and behavior to match your project requirements.

Why Use DHTMLX Svelte Gantt Chart?

Simple initialization
Regardless of your expertise in JavaScript, getting started with our Gantt library is a breeze. You can swiftly initialize the chart with a few lines of code and set any desired functionality. Comprehensive guides, demos, and video tutorials are available to assist you every step of the way.
Extensive functionality out of the box
DHTMLX Gantt is an advanced Gantt chart library for building powerful project management apps. It features resource management, scheduling techniques, and different task types. Moreover, its visual appeal and intuitive UI make it a decent choice right out of the box.
Ease of customization
With the help of API properties, you can adjust the DHTMLX Gantt component to fit your requirements. The Svelte Gantt timeline, scales, grid, tasks, and editing form are completely configurable. You can also set the size of scales and cells and attach tooltips, baselines, and custom elements.
Stable and high-performance
Lightning-fast and flawless performance is an essential criterion for handling large projects with thousands of tasks. DHTMLX Gantt allows you to load any number of tasks and will render them smoothly with the help of smart rendering and dynamic loading.
Cross-browser and versatile
DHTMLX Gantt is designed to be cross-browser compatible, ensuring smooth performance in Chrome, Firefox, Safari, and all Chromium-based browsers like Microsoft Edge, Opera, and Vivaldi. The component can be seamlessly integrated with any front-end and back-end technology.
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.

What Customers Say

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
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
Team productivity platform
For Splitvice, dhtmlxGantt fits with what we need. It's a stand-alone component, without an extra run-time fee. It's flexible and highly customizable. We get good support when we need it, but most of our questions are found right in the knowledge database.
Splitvice Team
Portfolio and project management tool
We were looking for a project management plugin to help reduce our time to market and development costs. That is why we are using DHTMLX Gantt. I tested a free version of your Gantt product and I was satisfied with the API provided with the plugin. Your product fitted my needs and it was easy to integrate it into my application.
Thomas Meghe
senior developer at the French company Echo on
Documentation
Browse documentation
Here you’ll find all the necessary API references as well as complete guides and tutorials to quickly initialize, configure and customize the DHTMLX Gantt library.
Samples
View online samples
We're constantly upgrading DHTMLX Gantt online samples where you can explore the Gantt chart features, play around with the code, preview, and share your results with your team or our tech support.
Free trial
Get a 30-day free trial
Here you can download a free 30-day trial to make sure the DHTMLX Gantt library meets your requirements. Thus, you’ll be able to estimate its functionality and performance along with official tech support.
Forum
Consult our community forum
The forum contains much helpful information you can freely use while working with DHTMLX Gantt. It accumulates shared knowledge and answers from our technical specialists.
Official tech support
Learn about DHTMLX support
Our team supports each and every user of DHTMLX Gantt. Here you can learn what levels of support we offer for trial users and owners of proprietary and open-source licenses.
Integrations
Integrate Gantt with anything
We provide various materials to help you integrate DHTMLX Gantt with Angular, React, Vue.js, Salesforce, ASP.Net, Node.js, and any other technology you need.

DHTMLX Gantt Licensing

Gantt
Save on bundles
Commercial Enterprise Ultimate
License Terms
Commercial
Enterprise
Ultimate
Developers
Commercial
5
Enterprise
20
Ultimate
Projects
Commercial
1
Enterprise
5
Ultimate
Use in SaaS (unlimited end-users)
Commercial
Enterprise
Ultimate
Use in Salesforce
Commercial
Enterprise
Ultimate
Perpetual distribution rights
Commercial
Enterprise
Ultimate
Support Plan
Commercial
Premium Support
Enterprise
Premium Support
Ultimate
Ultimate Support
Time Period
Commercial
1 year
Enterprise
1 year
Ultimate
1 year
Updates
Commercial
Major, minor, and maintenance updates
Enterprise
Major, minor, and maintenance updates
Ultimate
Major, minor, and maintenance updates
Priority queue for bug fixing
Support requests
Commercial
30
Enterprise
50
Ultimate
Response Time
Commercial
48h
Enterprise
48h
Ultimate
24h
Personal account Manager
Commercial
Enterprise
Ultimate
Functionality
Commercial
Professional
Enterprise
Professional
Ultimate
Professional
16 PRO features
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.
Commercial
Enterprise
Ultimate
Online export to PDF/PNG without watermark
Commercial
Free for 1 year
Enterprise
Free for 1 year
Ultimate
Free for 3 years
Free local PDF/PNG export module
Commercial
Enterprise
Ultimate
Free local module for MS Project export/import
Commercial
Enterprise
Ultimate
Free Node.js Gantt server module
Commercial
Enterprise
Ultimate
Get a 70% Discount on DHTMLX Gantt for Your Startup
One-year license for DHTMLX JavaScript Gantt chart to help you cut your time-to-market and deliver top-notch software solutions.