SVAR UI Library – React, Svelte & Vue Components

SVAR UI

Framework-Native UI Components for React, Svelte & Vue

SVAR UI offers a collection of open-source UI components for data management, project planning, file organization, and interactive interfaces. Each component is written natively in Svelte, React, or Vue, giving you full control over rendering, logic, and customization.

SVAR UI
SVAR UI

Choose Your Framework

Build modern, data-intensive web applications with SVAR UI components designed natively for your stack – no wrappers or adapters. Start with the framework you already use.

SVAR UI Components Highlights

SVAR Gantt preview
Gantt Chart – Interactive Task Management

SVAR Gantt is a powerful component for building interactive project planning tools. It supports task dependencies, drag-and-drop interactions, configurable timelines, and efficient rendering for large datasets. The PRO Edition offers advanced scheduling logic and enterprise-grade features.

SVAR DataGrid preview
DataGrid – Fast, Feature-Rich Data Table

SVAR DataGrid is a high-performance table component designed for handling large volumes of data. It includes sorting, advanced filtering, in-cell editing, and virtual rendering for both rows and columns. The component allows you to create accessible, responsive tables with CSV export.

SVAR Core library preview
Core – Lightweight UI Library

SVAR Core provides 30+ essential UI elements and form controls for building consistent interfaces. It includes inputs, buttons, layouts, popups, selects, menus, and other building blocks designed to integrate seamlessly into Svelte, React, or Vue applications.

SVAR File Manager preview
File Manager – Intuitive File Explorer

SVAR File Manager allows you to build file management and navigation interfaces similar to desktop file explorers. It supports all basic file operations, multiple views (tiles, list, split), file preview panel, and context menu, making it suitable for document management and cloud-based tools.

Why SVAR UI is Different

Framework-native architecture

SVAR UI components are built specifically for each framework. You work with real Svelte, React, or Vue code — not wrappers around generic JavaScript widgets. Full TypeScript support included.

01
Full control over customization

Style and customize each component using your own framework logic. No proprietary templates or vendor lock-in, using just standard CSS variables and framework patterns you already know.

02
No wrapper overhead

Avoid unnecessary abstraction layers that increase bundle size and reduce flexibility. SVAR UI keeps your application lean and predictable.

03
Performance by design

Modern frameworks separate data and rendering, allowing efficient updates even with large datasets. SVAR UI components take full advantage of this architecture.

See React Gantts performance test
04
Simple CSS styling

No Tailwind dependency. Customize components using standard CSS variables. Beautifully-styled light and dark themes included.

05
Easy integration

Get started quickly with multiple code examples, interactive demos & comprehensive documentation. Integration guides are available for popular tools: Next.js, Vite, state management libraries, and more.

06

Built for Developers, Used Worldwide

regular updates
Active development with regular updates
stars
1200+ total stars on GitHub
downloads via npm
Thousands of downloads via npm
MIT license
Open-source MIT license (except PRO)

Explore the full set of components, try live demos, and start building with SVAR. Leverage the power of pure React, Svelte, and Vue components!

SVAR UI
SVAR UI

Fill the form to get a no obligation consultation

Your questions and requests are always welcome