Lightweight Svelte Gantt Chart
SVAR Gantt is an open-source, customizable Gantt chart component that brings interactive project management features to your Svelte apps.
Also available for:
SVAR Gantt is an open-source, customizable Gantt chart component that brings interactive project management features to your Svelte apps.
With Svelte at its core, SVAR Gantt chart lets you quickly build a modern, responsive and high-performance project visualization UI with minimal efforts. As a client-side solution, it can be used with any backend.
SVAR Gantt offers a rich intuitive API and flexible CSS styling. Use these features to adjust the look and feel of the Gantt chart: task bars, rows and columns on the timeline, task edit form, and more
Maintain high quality performance due to an optimized rendering engine and dynamic loading. This Svelte Gantt chart ensures incredibly fast loading speed even with large volumes of data.
SVAR Gantt is highly responsive, ensuring seamless functionality across various screen sizes and devices. It's also highly reliable, guaranteeing stable performance on desktops and touch screens.
Enjoy a wide range of interactive features: reorder tasks in the grid and edit tasks on chart with simple drag-and-drop, zoom the chart in/out, show tooltips for task details and easily manage tasks with toolbar or context menu.
With well crafted documentation, comprehensive API references, and detailed how-to guides, adding a Gantt chart onto your webpage takes mere minutes. Our support team is ready to assist you every step of the way.
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!
Users can modify tasks on the timeline with a simple drag-and-drop feature: resize and drag the taskbars on the timeline or reorder tasks in the grid. Also, the intuitive edit form can be activated by double-clicking the task bar or task row in the grid. You can customize the form to suit your project's specific needs.
SVAR Gantt enables you to define dependencies and relationships between tasks, such as predecessor-successor relationships, to accurately represent project timelines. Interactively define the connections from task to task on the timeline or describe them in the task edit form. You can also add sub tasks to create a tree view structure.
Effortlessly manage tasks with the intuitive toolbar. Add, delete, rearrange, and edit tasks with ease using toolbar buttons for moving tasks up/down, indent/outdent, copy/cut/paste features, or add your custom operations. You can also enable a context menu to stay in control of your project's timeline and structure.
The localization feature allows you to present the interface of the Gantt chart in the language you'd like. You can provide custom translations for actions (edit, delete), button labels, confirmation messages, task edit form fields and context menu items.
SVAR Gantt chart comes with light and dark skins. You also have the freedom to tailor the look of task bars and assign them to different task types (e.g. show urgent tasks in red color). The timeline grid can be also easily modified (cell size, borders) to match your app's design.
