We’re happy to announce the new release of SVAR Svelte Gantt, our open-source Gantt chart library for Svelte and JavaScript based apps. This update brings powerful features that make task management easier, filtering faster, and scheduling smarter. Whether you’re building simple timelines or complex enterprise project management tools, SVAR Svelte Gantt v2.6 has something for you.
This new version includes:
- Filtering: a flexible way to search tasks in big projects
- Bug fixes: improved scroll behavior and zoom controls
- Rollups (PRO): simplified visualization of complex projects
- Slack visualization (PRO): displaying schedule flexibility and critical paths
Free, Open-Source Edition
Get the latest version of SVAR Svelte Gantt chart on npm:
npm install @svar-ui/svelte-gantt
Or check it out on GitHub - and if you find it useful, a star would mean the world to us 🌟 It helps us to stay motivated and add new features to the component.
So, here is what’s new in version 2.6:
Task Filtering with AI-Powered Natural Language Option
Finding the right task in a massive Gantt chart just got easier. Version 2.6 introduces task filtering via Gantt’s API and integration with SVAR Svelte Filter library for intuitive task filtering, letting users narrow down to exactly what they need without scrolling through hundreds of tasks.
There are several ways to add filtering to SVAR Svelte Gantt:
First, you can enable filters directly in the grid header. Users search tasks by name, date, status, or any column to instantly find what they need. Perfect for quick searches – and you can implement it with just a few lines of code.
🔹 See demo: in-line column filters
The second way is to build your own filtering interface and enable filtering with external input. Use the "filter-tasks" action to connect any input field: a search box, dropdown, or custom UI.
🔹 See demo: external filters
The third option is to integrate the "filter-tasks" action with the FilterBuilder component of SVAR Svelte Filter. Combine multiple conditions with AND/OR logic, save filter presets, and provide advanced filtering scenarios for power users.
🔹 See demo: filter tasks with query builder
SVAR Svelte Gantt now also integrates with the Filter’s new powerful FilterQuery component. Users can filter tasks in three ways:
- built-in column filters for quick searches,
- natural language for casual typing:
show me John's tasks due this week, - or structured syntax for precision:
assignee:John due:<2026-03-01.
FilterQuery intelligently handles all three approaches, with optional AI support to understand natural language queries.
🔹 See demo: filter tasks with FilterQuery in AI-powered mode
The filtering API is flexible and open-ended. Whether you need simple column searches or advanced multi-condition queries, you can now add filtering functionality to your Svelte Gantt charts with ease.
Scroll-Chart Action & Container Sizing
The scroll-chart action now properly scrolls to specified coordinates. Previously, scroll behavior and grid/chart synchronization were unreliable. Now everything is stable and predictable.
This change improves scroll logic and makes it more maintainable. It also allows you to specify a target date in the action and scroll to it programmatically at any time.
Zooming Improvements
Zoom scrolling now works smoothly, and the chart automatically keeps your cursor position centered when you zoom in or out. The zoom-scale action now includes a ratio parameter that tracks how cell width changes, giving you fine-grained control over zoom behavior and allowing for smarter UI responses.
PRO Edition Features
In addition to the free version, we’ve also extended the PRO Edition of SVAR Svelte Gantt with several powerful features often seen in enterprise-grade apps like Microsoft Project.
Rollups: Simplified Project Visualization
We’ve added the rollups feature that simplifies the visualization of complex projects by rolling up individual tasks into their parent summary tasks and showing the subtasks and milestones as minified bars under the summary task. Rollups move automatically as child tasks change and show a tooltip to display task details.
🔹 See demo: Gantt chart with rollups
Rollups reduce visual noise and make high-level project timelines instantly clear. Users quickly understand the overall timeline without opening every summary task. Perfect for complex projects where quick understanding of overall progress matters more than drilling into every detail.
Users can set any sub task or milestone to roll up by checking the checkbox in the edit form:
Slack (Float) Visualization
In addition to the critical path feature, SVAR Svelte Gantt PRO v2.6 adds a slack (also known as float) visualization. This is a powerful scheduling metric that shows how much a task can be delayed without affecting successors or the overall project end date. When enabled, slack is calculated automatically alongside critical path analysis, giving you complete visibility into which tasks have schedule flexibility and which are truly critical.
Two important metrics:
- Total Slack – the amount of time a task can be delayed without pushing the final deadline
- Free Slack – the amount of time a task can be delayed without affecting the next dependent task
Total slack appears directly on task bars, making critical vs. flexible tasks instantly recognizable. You can display slack values in custom grid columns, sort or filter by flexibility, or access slack data via API for custom dashboards and reports. Perfect for teams that need to understand project schedule resilience: which tasks are truly critical, and where you still have time when the project plan shifts.
🔹 See demo: Gantt chart with slack
Fixed Export to PNG/PDF
We’ve also fixed incorrect link positions in export to PNG/PDF, so now the Gantt chart is perfectly displayed in exported PNG/PDF files.
Wrapping Up
SVAR Svelte Gantt is actively maintained and evolving. We’re committed to keeping both the free and PRO editions modern, performant, and aligned with what developers actually need.
Ready to try it? Install the latest version from npm or grab it from GitHub. If you’re building enterprise project management tools, the PRO Edition unlocks advanced scheduling logic, critical path analysis, and everything above.
Try SVAR Svelte Gantt PRO 👉 Get free trial
Questions or feedback? We’d love to hear from you. Your contributions and ideas help shape the future of SVAR Gantt: share your thoughts on the forum or submit an issue on GitHub.