SVAR Logo
DemosLicensesContact
Sign up

Open-Source for React, Svelte & Vue

Framework-native UI components for data management, project planning, and file browsing. Build React, Svelte & Vue apps with no wrappers, just clean code and unbeatable performance!

  • Gantt
  • DataGrid
  • Core
  • File Manager

Gantt

DataGrid

Core

File Manager

Choose Your Framework

Explore SVAR UI Components

SVAR UI offers open-source, powerful UI components built for speed, scalability, and ease of integration. Our component library now includes advanced data grid, Gantt chart, filtering and form components, and the collection is actively growing.

Data Grid

SVAR DataGrid is a high-performance data table component optimized for large datasets, with built-in sorting, filtering, editing, and virtual rendering.

SvelteReact
Data Grid

Gantt Chart

SVAR Gantt is an interactive project planning component with task dependencies, drag-and-drop interface, and customizable timeline.

SvelteReact
Gantt Chart

File Manager

SVAR File Manager is a user-friendly file explorer UI component with multiple views, file preview, and all standard file operations.

SvelteReact
File Manager

Core Library

SVAR Core is a lightweight library for creating modern, fast, and responsive web apps. Includes 30+ form controls and essential UI components.

SvelteReact
Core Library

Editor

SVAR Editor is a customizable component for building and editing structured forms and content within your application.

SvelteReact
Editor

Filter Builder

SVAR Filter adds filtering functionality to your app: from simple single-field filters to complex, multi-condition rules combined with AND/OR logic.

SvelteReact
Filter Builder

Calendar

SVAR Calendar is in active development, focused on event scheduling and calendar management found in Goolge calendar interface.

Coming soon
Calendar

ToDo List

Streamline your tasks with SVAR ToDo List. This UI component brings a nice-looking, editable task list to your web app.

Coming soon
ToDo List

Pivot

Gain insights from your data with SVAR Pivot component. Summarize, analyze, and present large datasets in a structured tabular format.

Coming soon
Pivot

Kanban

Enhance project management with SVAR Kanban, a ready-to-use component that simplifies task board integration for clear team collaboration.

Coming soon
Kanban

Sign up for Our Newsletter!

  • Be the first to know when the new SVAR UI widget is released.
  • Get the latest updates, tips, and best practices.
  • We respect your inbox - no spam, just valuable content.

Key Benefits of SVAR UI

Framework-native, no wrappers

All SVAR components are written natively in React, Svelte or Vue. You can integrate and customize them using familiar tools and patterns — no need to deal with JS adapters.
SVAR picture

Optimized for large datasets

Built with techniques like virtualization and dynamic loading, the components remain fast and responsive even with large amounts of data.

rocket

Responsive design

With responsive design principles, the components provide stable and adaptive behavior across various screen sizes and devices.

tags

Fully customizable

Well-crafted documentation and API references help you easily adapt SVAR components to suit your project requirements.
SVAR picture

Light & dark themes

All components come with well-designed, modern light and dark themes, customizable via CSS variables.
SVAR picture

Open-source

SVAR components are open-source, allowing free use in both commercial and personal projects. PRO Edition is available for enterprise-grade features.
SVAR picture

Need Plain JS Components?

Frequently Asked Questions

You can find many React & Svelte UI components libraries, but SVAR focuses on:
  • Advanced UI components: feature-packed data grid, Gantt chart, calendar, etc.
  • Performance: SVAR components handle large datasets efficiently with virtual scrolling and dynamic loading features.
  • Flexibility: SVAR components are easy to customize with intuitive API and CSS.
  • Easy integration: written entirely in React, Svelte, and Vue, SVAR components integrate seamlessly into framework-based apps.
  • Support: active community forum or optional commercial support, if needed.
  • Docs and demos: well-crafted, detailed documentation and a rich selection of samples with source code.
Most SVAR UI components are open-source and free to use under the MIT license. SVAR Gantt is also available in a PRO Edition with additional features, offered under commercial licenses.
For licensing details, visit this page or feel free to contact us.
Yes, SVAR UI is built with enterprise-grade apps in mind — offering high performance, a modular architecture, and advanced components like DataGrid and Gantt with complex functionality. SVAR Core library also provides essential UI elements and form controls to cover various aspects of modern web interfaces.
To get started:
We're committed to keeping all components that are currently available under the MIT license free and open-source.
In addition, we may introduce PRO Editions with more advanced functionality. At the moment, only SVAR Gantt offers a PRO Edition, which includes enterprise-level features and is available under commercial licenses.
Yes, if you need help integrating SVAR components in your project or require a custom feature, feel free to contact us and we'll offer you pricing and available service options based on your needs.

Recent Releases

icon framework

SVAR React Gantt v2.6: Task Filtering, Rollups, Slack

The new version 2.6 of SVAR React Gantt adds task filtering, rollups feature, slack visualization for schedule analysis, and improved scroll behavior.
icon framework

SVAR React Components Updates: Core & Filter v2.5, DataGrid v2.6

Latest SVAR React components update: AI-powered FilterQuery for natural language search, custom DataGrid editors, Avatar component, and virtualized dropdowns for better performance.
icon framework

SVAR Svelte Gantt v2.6: Smart Filtering, Rollups, Slack Visualization

SVAR Svelte Gantt v2.6: AI-powered task filtering, rollups for complex projects, slack visualization for schedule analysis, and improved scroll behavior.