Skip to main content

SVAR React Gantt overview

SVAR React Gantt is a React Gantt chart component for building interactive project management and scheduling applications. It is built entirely in React (with no JS wrappers), ensuring seamless integration with modern React apps and full TypeScript support.

The component provides a clean API for building timeline-based interfaces, from simple task tracking to complex project planning tools with thousands of tasks. The open-source core includes essential functionality such as task management, dependencies, drag-and-drop timeline editing, and UI customization.

For advanced scheduling scenarios, SVAR React Gantt PRO offers advanced features including critical path, baselines, auto-scheduling, working calendars, and export capabilities (MS Project, Excel, PDF, PNG).

In benchmark tests comparing React Gantt chart libraries, SVAR Gantt shows leading results in initial loading speed, CRUD operations, and live updates, particularly for large and frequently changing datasets.

The component includes light and dark themes and supports full customization via CSS and React-based API. The image below shows SVAR React Gantt with integrated toolbar:

Good look

License​

SVAR React Gantt is available under two options:

  • Open-source edition (MIT): The core of SVAR React Gantt is open-source, available under the MIT license.
  • PRO edition: Adds advanced features (marked with | PRO feature in the documentation) and is available under commercial licenses. See pricing details or request a free trial.

Key features​

Here is the list of the most required features supported by SVAR React Gantt:

Project planning​

  • Summary tasks and milestones
  • Automatic summary task progress calculation | PRO feature
  • Automatic conversion between regular and summary tasks | PRO feature
  • Task dependencies: end-to-start, start-to-start, end-to-end, start-to-end
  • Hierarchical view of sub-tasks
  • Auto-scheduling (forward mode, Finish-to-Start) | PRO feature
  • Unscheduled tasks | PRO feature
  • Critical path calculation and slack visualization | PRO feature
  • Global calendar | PRO feature
  • Baselines | PRO feature
  • Handling of invalid links | PRO feature
  • Rollups | PRO feature

Task management​

  • Adding tasks via an action column
  • Context menu and toolbar with common operations
  • Dragging and resizing tasks on the chart
  • Dragging tasks to reorder
  • Editing task dependencies and progress on the chart
  • Editing tasks using inline editors or standalone form
  • Filtering data (including natural language filter, query syntax, and powerful query builder)
  • Sorting tasks by clicking column headers
  • Split tasks | PRO feature

User experience​

  • Compact mode for smaller screens
  • Hotkeys
  • Resizing, hiding and showing Gantt parts (chart, grid)
  • Task tooltips
  • Undo and redo actions | PRO feature
  • Vertical markers on timeline | PRO feature
  • Zooming (default and custom levels)

Configuration​

  • Custom scale lines and units
  • Duration units: hour, day
  • Fixed or flexible scale boundaries
  • Fullscreen mode
  • Highlighting weekends and holidays
  • Length units from minute to year
  • Light and dark themes
  • Localization
  • Readonly mode
  • Setting scale width, height, borders
  • Styling with CSS variables
  • Templates for grid cells and task bars

Data handling & performance​

  • Fast performance with large data sets
  • Dynamic loading of sub-tasks
  • API to listen, intercept and execute data operations
  • Server-side export to PDF, PNG, Excel | PRO feature
  • Client-side import and export of MS Project XML | PRO feature
  • RestDataProvider for backend data binding

Next steps​