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
  • Calendar
  • DataGrid
  • Core

Gantt

Calendar

DataGrid

Core

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.

SvelteReactVue
Data Grid

Gantt Chart

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

SvelteReactVue
Gantt Chart

Calendar

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

SvelteReactVue
Calendar

Core Library

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

SvelteReactVue
Core Library

Editor

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

SvelteReactVue
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.

SvelteReactVue
Filter Builder

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

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 or Vue UI component libraries, but SVAR focuses on:
  • Framework-first architecture: SVAR components are written natively in Svelte, React and Vue, not wrappers. The components integrate seamlessly into framework-based apps.
  • Advanced UI components: feature-rich data grid, Gantt chart, calendar, file manager, and more.
  • High performance: designed to handle large datasets efficiently with virtualization and dynamic loading.
  • Flexibility: easy to customize with intuitive, framework-native API and CSS.
  • Support & docs: an active community forum, clear documentation, rich examples, and sample code make it easy to get started.
  • AI-ready: SVAR provides an MCP server and pre-built AI skills so AI coding agents like Cursor, Claude Code or GitHub Copilot can access up-to-date SVAR documentation and generate accurate component code without hallucinations.
Most SVAR UI components are open-source and free to use under the MIT license. PRO Edition with additional features is available for some of the components, 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:
Yes, SVAR components are AI-ready. We provide an MCP server and pre-built AI skills that give AI coding agents like Cursor, Claude Code, or GitHub Copilot direct access to up-to-date SVAR documentation and API references. This means your AI assistant can generate accurate, working SVAR component code without hallucinations or outdated suggestions. You can find the details in the documentation for each component.
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 frameworkicon frameworkicon framework

Event Calendar Component for React, Svelte & Vue is Here!

Native calendar components for React, Svelte, and Vue. Build Google Calendar‑style schedulers with drag‑and‑drop, multiple views, TypeScript support, and a PRO edition for advanced scheduling.

icon framework

Introducing SVAR Vue Gantt: Interactive Project Scheduling for Vue 3

Vue-native Gantt chart component is released! Integrate interactive timelines, drag-and-drop task and dependency management directly in your Vue 3 app.

icon framework

SVAR Vue DataGrid: Build Feature-Rich Data Tables in Vue.js

Explore new SVAR Vue DataGrid, a fast, open-source Vue data grid component with virtual scrolling, tree data, and advanced editing features.