SVAR Logo
DemosLicensesContact
Get Started
 
 
 
 
 
 
 
 

Lightweight Svelte Gantt Chart

SVAR Svelte Gantt is an open-source, customizable Gantt chart component written in Svelte. Build custom project timelines and task flow visualizations in minutes!

Also available for:

Why Choose SVAR Svelte Gantt?

Built with Svelte

With Svelte at its core, SVAR Gantt chart lets you quickly build a modern, interactive UI for project visualization with minimal effort. As a client-side Svelte solution, it can be used with any JavaScript-based stack and with any backend. It's also Svelte 5 ready! 
<script>
  import { Gantt, Willow } from "@svar-ui/svelte-gantt";


  const tasks = [
    { id: 1, text: "Project planning",  type: "summary", open: true },
    { id: 2, text: "Marketing analysis", start: new Date(2026, 3, 2), duration: 3,  parent: 1 },
    { id: 3, text: "Discussions", start: new Date(2026, 3, 5), duration: 2,  parent: 1 }
  ];


  const links = [
    { id: 1, source: 2, target: 3, type: "e2s" }
  ];
</script>


<Willow>
     <Gantt {tasks} {links} />
</Willow>

Fully customizable

SVAR Svelte Gantt offers a rich, intuitive API and flexible CSS styling. Use these features to adjust the look and feel of the Gantt chart: time scale, task bars, task grid columns, task edit form, and more. Beautifully-designed light and dark themes are included.
SVAR picture

Blazing fast with large datasets

Maintain high-quality performance due to an optimized rendering engine and dynamic loading. Our Svelte Gantt chart ensures extremely fast loading and smooth rendering even with a large number of tasks - see the demo handling 10,000 tasks.

rocket

Interactive drag-and-drop interface

Drag and drop support allows users to reorder tasks in the grid, move and resize task bars on the chart, add dependencies and adjust task progress on a task bar. Double-click on any task opens a customizable form to edit task details. Sorting and filtering help users quickly find tasks they need.
SVAR picture

Backend-friendly integration

SVAR Svelte Gantt works with any backend through the RestDataProvider service. It automatically handles all CRUD operations for tasks and links with debouncing, and supports batch processing for performance optimization.
##

Open-Source & PRO Editions

SVAR Svelte Gantt is available in a free open-source version and a PRO edition with advanced scheduling and automation capabilities.

If your project requires features like working-day calendars, baselines, auto-scheduling, split tasks, or export functionality, the PRO edition gives you the extra flexibility.

Learn About PRO
##
Star on GitHub

Try the Live Demo

Explore SVAR Svelte Gantt: drag and drop tasks, double-click a taskbar to open the editor, use the toolbar or context menu. Try PRO features like split tasks, critical path, auto-scheduling, non-linear calendar. For the best experience, view this page on a desktop device to enjoy the live demo, as it looks great on larger screens!

Open Fullscreen Demo

SVAR Svelte Gantt PRO

The PRO edition extends SVAR Svelte Gantt with advanced scheduling and resource management features. It's a ready solution for apps where project planning is a core part of the product.

Pricing & Details Get Trial

pro

##

Working days only

The PRO edition supports a non-linear time scale, so task durations can be calculated without counting weekends, holidays, or non-working hours. You can also set up individual calendars to specific tasks or resources, which gives you more realistic, calendar-aware scheduling.

pro

##

Baselines & critical path

You can enable baselines to provide a benchmark for tracking task progress and visualize the “planned vs actual” state of the project. The critical path helps you identify the key tasks that must be completed on time to meet the project deadline.

pro

some alt text

Task grouping

Tasks can be grouped by any field — resource, status, priority, or custom attributes. Whether you're reviewing workload distribution, tracking progress by team, or filtering by priority, grouping helps you navigate large projects more efficiently.

pro

some alt text

Resource planning & workload

SVAR Svelte Gantt PRO lets you allocate resources to tasks and track how work is spread across the project timeline. A dedicated workload view displays each resource's daily workload, highlighted to make overloads immediately visible.

pro

##

Export & import

Export Gantt chart data to PDF, PNG, Excel, or MS Project directly from the chart. MS Project import means existing plans migrate without manual re-entry — useful when your app needs to fit into an established project workflow.

pro

##

Split tasks

Sometimes you need to display several task bars on the same row. Split tasks feature of SVAR Svelte Gantt PRO lets you break a single task into segments on the same row, representing pauses or phased delivery without restructuring the task list.

pro

##

Auto-scheduling

Auto-scheduling support with forward mode and Finish-to-Start (FS) links allows the chart to automatically adjust task start and end dates based on dependencies. When a predecessor task changes, the successor task automatically shifts its start, maintaining logical sequencing without manual rescheduling.

Get Gantt PRO Trial

Get full access to SVAR Svelte Gantt PRO for 30 days. We'll email you installation instructions right after you submit the form.

  • Fully functional trial
  • 30-day trial period
  • SVAR watermark

Read the full Trial License Agreement

Latest Updates

Version 2.7

June 4, 2026

What's new

Resource planning (PRO)

Task grouping (PRO)

Individual calendars (PRO)

Import from Excel/CSV

Read More

Version 2.6

March 18, 2026

What's new

Filtering API

Integration with SVAR Filter

Rollups (PRO)

Slack visualization (PRO)

Read More

Version 2.5

January 22, 2026

What's new

Export to PDF, PNG, Excel (PRO)

MS Project import & export (PRO)

Summary tasks automation (PRO)

UX/UI fixes

Read More

Need help with integration?

We offer paid consulting and custom development services to help you get the most from SVAR Svelte Gantt, from setup and customization to full web app development.

Contact Us

Frequently Asked Questions

A customizable, reusable Svelte component that provides an interactive Gantt chart for managing tasks, timelines, and dependencies. Key features include drag-and-drop task management, task dependencies, customizable edit form, tooltips, flexible time scales, and CSS styling options. The component is compatible with Svelte 5 and comes with free, open-source core and PRO edition that supports advanced scheduling capabilities such as critical path analysis, baselines, working time calendars, autoscheduling, data export, and more.
SVAR Svelte Gantt is available under two licensing models:
  • Open-Source Edition - Includes the core functionality and is licensed under MIT.
  • PRO Edition - Includes additional PRO features and is distributed under commercial licenses. See the details.
The Open-Source edition of SVAR Svelte Gantt provides the core Gantt chart with task management, dependencies, drag-and-drop scheduling, and timeline customization. The PRO edition extends it with advanced project planning capabilities including:
  • baselines
  • critical path & slack visualization
  • unscheduled tasks
  • working days calendar
  • auto-scheduling
  • visual markers
  • undo/redo
  • export to Excel, PDF, PNG, and MS Project
  • split tasks, and more.
 Find the full comparison here or see the features marked with PRO tag in docs and demos.
It's a Svelte-native Gantt chart component designed for both speed and easy customization. Thanks to its 100% Svelte code, it's highly responsive, easy to customize, and integrates naturally with Svelte 5 apps. It's also optimized to render large datasets with smooth performance. SVAR Svelte Gantt provides advanced features required for modern apps: rich customization options, easy styling with CSS, and drag-and-drop support for adjusting start dates, durations, and dependencies directly on the chart. With the PRO Edition, you get enterprise-grade features for complex scheduling tasks.
Yes, SVAR Svelte Gantt includes full TypeScript definitions (available since v2.3).
Getting started is straightforward:
  • Install the open-source version: npm install @svar-ui/svelte-gantt
  • Import into your Svelte project
  • Initialize Gantt with its main properties
  • Load data
  • Configure and customize the Gantt chart to your needs.
SVAR Svelte Gantt is highly customizable, you can adjust the look of task bars, timeline settings, tooltips, task grid layout, and (optionally) a task edit form. Here are some helpful resources: Want to try SVAR Svelte Gantt PRO? Fill in this form for a free 30-day trial.
Yes, we provide a complete Go backend example on GitHub, plus RestDataProvider utility for handling task loading, updates, and synchronization workflows, including batch operations.
Yes, SVAR Svelte Gantt PRO supports export to PDF, PNG, Excel, and MS Project XML formats. Also, import to MS Project is supported for seamless integration with enterprise tools. Find more details about the export and import functionality in the docs.
SVAR Svelte Gantt is the only actively maintained, Svelte-native Gantt component (no framework wrappers). It's open-source, feature-rich, optimized for large datasets, and specifically designed for project management, task tracking, and scheduling applications in Svelte. For React projects, we also offer SVAR React Gantt with similar capabilities.

Resources

icon

How to start guide

Quick start

icon

Community forum

Visit forum

icon

GitHub repository

Visit github