SVAR React v2.3: Powerful, Open-Source DataGrid & Gantt Chart for React 19
What is SVAR React?
SVAR React component library is a set of customizable UI components that can save you hours of work if you’re building complex dashboards, CRMs, or project management apps. It is built specifically for React developers who need lightweight, production-ready solutions for data-heavy apps.
The library includes a collection of essential UI components (SVAR React Core), Editor, Filter (Query Builder), and two advanced components: SVAR React DataGrid and SVAR React Gantt. Recently, both components were updated to version 2.3, introducing React 19 compatibility, powerful new features, more customization options, and TypeScript support.
Version 2.3 with React 19 & TypeScript
This major update brings React 19 compatibility and TypeScript support to SVAR React UI components, making it easier for React developers to add customizable, enterprise-grade data tables and project timelines to their web applications. Both components are now available on GitHub:
SVAR React DataGrid (MIT)
SVAR React Gantt (GPLv3)
With official TypeScript definitions, improved type safety, and better IDE support, the packages are lightweight, well-documented, and ready for production use in modern React applications.
Let’s see what else is available in this major update 👇
SVAR React Gantt
An interactive Gantt chart component designed for project management apps, scheduling tools, and planning dashboards. It handles complex timelines with thousands of tasks while maintaining smooth performance through virtual scrolling and optimized rendering.
Perfect for: project management applications, resource scheduling systems, timeline visualizations, or production planning tools.
This update introduces more flexibility for time scales, configurable task edit form, in-cell editing for task grid, and localization support. This all makes SVAR React Gantt component easier to customize to your specific project needs.
Key Features in v2.3:
Flexible time precision (hours, minutes, custom scales)
Configurable auto-scaling for start/end dates
Task editor (sidebar or modal) with validation
Multi-sorting and column visibility control in task grid
In-cell editing and custom HTML for grid cells
Keyboard shortcuts for common actions
Customizable tooltips for tasks
Localization support
Fullscreen mode
Installation:
npm install @svar-ui/react-gantt
For more detailed instructions, visit Getting started guide.
SVAR React DataGrid
A feature-rich data table component built for data-heavy applications that need to display, edit, and analyze large datasets. With virtual scrolling, advanced filtering, inline editing form, SVAR DataGrid helps you integrate complex tables out-of-the-box.
Perfect for: admin dashboards, data management interfaces, reporting tools, CRM and ERP systems.
Version 2.3 comes with accessibility feature, advanced filtering, popup editing form, print support, responsive mode, and more powerful features that usually are found in paid React data grids.
Key Features in v2.3:
WAI-ARIA accessibility with screen reader support
Header filters and advanced filtering (SVAR Filter integration)
Popup editing form (SVAR Editor integration)
Undo/redo support for data changes
Custom HTML in cells for flexible rendering
Responsive mode for mobile-friendly tables
Row reordering
Print support
Installation:
npm install @svar-ui/react-grid
For more detailed instructions, visit Getting started guide.
Get Started
Explore the demos, check out the documentation, and see how SVAR React components can accelerate your development workflow. All SVAR components are production-ready and actively maintained.
⭐ If you find SVAR components useful, give them a star on GitHub – it helps us continue improving them!
