SVAR Gantt 2.4: A Free, Modern Gantt Chart for React & Svelte

#svelte #react #gantt #javascript

Gantt charts remain one of the most powerful tools for project management. They help to visualize project timelines, see task dependencies, and track progress.

If you need to integrate a Gantt chart in your web application, you’ll probably try to find if any ready-to-use solution exists. And if you do, you’ll quickly notice that many available libraries come with restrictive or expensive licenses, heavy wrappers around legacy code, limited flexibility or feature sets, or haven’t been updated for years.

With SVAR Gantt v2.4, we’re addressing several of these pain points at once, providing a modern, customizable Gantt chart library for React and Svelte.

This release introduces:

a permissive MIT license for the open-source core,
a new PRO Edition for advanced scheduling needs,
an MCP server that makes AI-assisted development actually useful in real projects (currently available for the React Gantt only).

SVAR Gantt 2.4: Open-Source Core under MIT

Starting with version 2.4, the open-source edition of SVAR Gantt is released under the MIT license. This means you can now use the Gantt component freely in personal projects, open-source applications or commercial products.

The MIT-licensed core already includes everything needed to build a fully functional and modern project planning UI. It provides a flexible task grid and timeline, support for hierarchical and summary tasks, task dependencies, customizable time scales, zooming, intuitive task edit form, and drag-and-drop editing directly on the chart.

The component is highly customizable, supports light and dark themes, localization, and keyboard navigation.

Installation remains straightforward. For React:

npm install @svar-ui/react-gantt

or, for Svelte:

npm install @svar-ui/svelte-gantt

We’re committed to actively maintaining and improving the open-source edition alongside the PRO version. Version 2.4 brings several practical improvements that focus on usability and developer experience:

Inline Dependency Removal - You can now remove task dependencies directly on the timeline. Click a dependency line, use the remove icon, and the relationship is gone — no need to open an edit form for simple changes.

Locale-Aware Scale Formatting - Timeline scale labels now respect the active locale automatically. Date formats adapt to regional conventions, including week start settings, without additional configuration.

These changes may look small, but they significantly reduce friction when working with real project data.

Introducing SVAR Gantt PRO Edition

SVAR Gantt v.2.4 also introduces a PRO Edition for teams that need more advanced scheduling logic. The PRO Edition adds advanced planning and calculation features commonly found in enterprise project management tools:

Non-linear time scales (work days calendar)
Auto-scheduling (Finish-to-Start dependencies)
Critical path
Baselines
Split tasks
Unscheduled tasks, and more

A 30-day free trial is available for teams who want to evaluate the PRO features: React Gantt PRO Trial & Svelte Gantt PRO Trial.

AI-Assisted Development for React Gantt

SVAR React Gantt now includes a Model Context Protocol (MCP) server. When connected to tools like Cursor, Claude Code, or Gemini, the MCP server gives your AI assistant direct access to current documentation, API references, and live demos.

This helps avoid outdated examples and incorrect suggestions when integrating or customizing the Gantt chart with AI code assistants.

SVAR Component Library v2.4 (React & Svelte)

Alongside the SVAR Gantt release, we’ve also updated our entire open-source SVAR Svelte and SVAR React component library.

This update focuses on performance, consistency, and UI/UX improvements across Core components and DataGrid, making the library a solid foundation for modern React and Svelte applications.

Core Components Highlights

disabled menu items (clearer UX without hiding actions)
new Fullscreen component
simplified field label handling
smarter popup positioning and alignment

DataGrid Enhancements

built-in customizable toolbar
expanded context menu (copy, paste, move, undo/redo)
variable row heights
customizable sorting logic

These updates make the DataGrid a solid choice for displaying tabular data in Svelte or React applications, while maintaining fast loading and rendering performance. At the same time, the SVAR Core library has become even more convenient and flexible for building modern web interfaces.

Wrapping Up

With SVAR Gantt v2.4, we're making modern Gantt chart integration straightforward for React and Svelte developers. The MIT-licensed core handles most project planning needs out of the box. The PRO Edition adds advanced scheduling for complex enterprise scenarios.

This release is part of our ongoing commitment to providing high-quality, actively maintained UI components for modern JavaScript frameworks. We're continuing to develop both editions based on real-world usage and community feedback.

Resources: