SVAR Logo
LicensesContact
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!
Built with Svelte

Easy to customize

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.
Easy to customize

Blazing fast

Maintain high-quality performance due to an optimized rendering engine and dynamic loading. This Svelte Gantt chart ensures incredibly fast loading speed even with big data - see the demo handling 10k tasks.

rocket

Intuitive task management

SVAR Svelte Editor can be integrated into the Gantt chart to let users add and edit tasks through an intuitive, customizable form. 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.
Intuitive task management

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.
Backend-friendly integration

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, or split tasks, the PRO edition gives you the extra flexibility.

Compare Editions
Open-Source & PRO Editions
Star on GitHub

Try the Live Demo

Explore SVAR Svelte Gantt: move and resize taskbars, double-click a taskbar to call the editing form, reorder the items in the grid on the left, or use the toolbar to manage the tasks. 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 Gantt with advanced features for enterprise-level project planning.

pro

Working days only

The PRO edition supports a non-linear time scale, so task durations can be calculated without counting weekends and holidays. This 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

Markers

If you need to highlight a specific date for milestones, releases, or deadlines, you can add a visual marker. It helps draw attention to important points on the timeline so they aren't missed.

pro

Split tasks

Sometimes you need to display several task bars on the same row. The PRO Edition supports split tasks, allowing you to show pauses or breaks in work without turning one task into multiple separate ones.

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.

See Prices & Details

Get Free 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.4

December 2, 2025

What's new

PRO Edition introduced

Delete dependencies on timeline

Locale-based scale formatting

Selectively disable/intercept user actions

Read More

Version 2.3

September 19, 2025

What's new

TypeScript definitions

The package migrated to
@svar-ui/svelte-gantt

Minor fixes

Read More

Version 2.2

July 17, 2025

What's new

Hour duration unit

Render tasks with minute-level granularity

Custom time scale units

Hotkeys support

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 the latest Svelte 5. The component is compatible with Svelte 5 and comes in open-source and PRO editions.
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, paid licenses. See the details here
The PRO Edition includes additional features such as markers, baselines, unscheduled tasks, working days calendar, autoscheduling, critical path, undo/redo, 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 style, and integrates naturally with Svelte 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.
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 for easy server integration with any backend.
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

Visit quickstart

icon

Community forum

Visit forum

icon

GitHub repositories

Visit github