SVAR Svelte UI Components Library

Feature Rich Svelte UI Components

SVAR offers lightweight and flexible UI components for Svelte developers. Built to help you create fast, clean web apps efficiently. Open source, fully customizable, and written entirely in Svelte.

Gantt
DataGrid
File Manager
Core

SVAR Gantt is a Svelte component for creating nice-looking, interactive Gantt charts.

drag-and-drop UI
highly-customizable
intuitive task editing
task dependencies

Learn more

SVAR DataGrid is a fast and powerful Svelte data grid component for data-heavy apps.

sorting and filtering
virtual scrolling
in-cell editing
accessibility

Learn more

SVAR File Manager provides clean and efficient file browser interface for Svelte apps.

basic file operations
tiles, list, split views
folder tree
file preview panel

Learn more

SVAR Core is a Svelte UI library for building modern, responsive web interfaces

20+ form controls
popup components
menu and toolbar
date pickers

Learn more

Gantt

SVAR Gantt is a Svelte component for creating nice-looking, interactive Gantt charts.

drag-and-drop UI
highly-customizable
intuitive task editing
task dependencies

Learn more

DataGrid

SVAR DataGrid is a fast and powerful Svelte data grid component for data-heavy apps.

sorting and filtering
virtual scrolling
in-cell editing
accessibility

Learn more

File Manager

SVAR File Manager provides clean and efficient file browser interface for Svelte apps.

basic file operations
tiles, list, split views
folder tree
file preview panel

Learn more

Core

SVAR Core is a Svelte UI library for building modern, responsive web interfaces

20+ form controls
popup components
menu and toolbar
date pickers

Learn more

More Svelte UI Components

We have big plans to expand our Svelte product line with more ready-to-use components. Each packed with rich features and lightning-fast performance.

Filter Builder

SVAR Svelte Filter component helps you integrate a filtering feature and provide your users with a way to find and organize data. Combine multiple rules with AND/OR logic or keep it simple with single-field filters. Ideal for data-heavy applications.

Editor

This Svelte component simplifies the process of creating editable forms linked to text-based elements on your web page. Whether you're working with cards, data tables, list items, or other content, this component allows you to easily display a form for entering or updating data.

Event Calendar

If you need scheduling functionality for your web app, SVAR Event Calendar for Svelte is a great choice. The component allows users to arrange events in day, week, month, year and agenda views. It can be used to schedule meetings and appointments and as a booking calendar.

Kanban

SVAR Kanban component offers the ability to integrate project management and work visualization functionality in a Svelte based web app. It helps teams manage tasks and workflows effectively using intuitive drag-and-drop interface.

Pivot

This Svelte UI widget allows you to add feature-rich Pivot tables on a web page, so you can summarize, analyze, and present large datasets in a structured and interactive manner. SVAR Pivot's functionality and look can be adjusted to requirements of your project.

ToDo List

SVAR ToDo List is a Svelte UI component that adds task management features to your app. Can be effortlessly integrated in any web-based interface and provides the ability to add/edit/remove tasks, and also set due dates, related projects and hashtags.

Why Choose SVAR?

100% Svelte Components

SVAR provides lightweight and flexible UI components written entirely in Svelte. Take full advantage of Svelte's reactivity, minimal bundle size, and straightforward state management to build fast, modern web applications with ease.

Quick start

We have everything so you can start using SVAR Svelte widgets quickly and easily: detailed documentation, API reference, and clear step-by-step guides.

Time-saving solution

Ready-made UI components save at least 3000+ development hours, helping you develop web UIs 30% faster. Use SVAR widgets to build apps faster!

Mobile & touch ready

With extensive cross-platform, cross-browser, and touch screen support, our Svelte UI components offer elegant and lightweight solutions for all types of devices.

Swift performance

Built for performance, SVAR UI components handle large data sets efficiently. Check out the demos to see fast rendering and smooth scrolling in action.

Open source

Use SVAR Svelte UI components for free under open-source licenses. If you need professional support, customization, or help with integration, feel free to contact us.

Frequently Asked Questions

SVAR for Svelte is a growing collection of high-performance, customizable UI components built natively with Svelte. SVAR library is focused on advanced, feature-rich components like DataGrid and Gantt Chart for building data-intensive applications. It stands out due to:

Performance: optimized for large datasets.
Flexibility: easily customizable UI components to fit your needs.
Easy integration: works seamlessly with Svelte 4 and 5.
Open source: free-to-use (check individual component licenses), with an active community forum.

Currently, the collection of SVAR Svelte components includes:

DataGrid - High-performance data grid with in-cell editing, sorting, filtering, pagination, tree view, and more.
Gantt Chart - Project management component with task scheduling and editing.
Filter - Query builder component for advanced filtering functionality.
File Manager - A file explorer with all basic file operations and easy navigation.
Editor - Component for building custom edit forms.
Svelte Core Library - a collection of form controls and essential components, like date picker, menu, toolbar, comments, tasklist, and more.

Most components in the SVAR Svelte library are distributed under the MIT license, allowing free use in both commercial and personal projects.
We also offer a paid PRO Edition for SVAR Svelte Gantt with additional advanced features. Compare the editions.

Yes, all open-source versions of SVAR Svelte components will remain free under the MIT license.
In addition to SVAR Svelte Gantt PRO, we may introduce PRO Editions for other SVAR Svelte components with an extended feature set.

We welcome your feedback! Whether you're a beginner or enterprise developer, your voice helps shape the future of SVAR for Svelte. You can:

Submit issues and feature requests on GitHub.
Join our Community Forum, to ask questions and share feedback.

SVAR Svelte UI is under active development. We regularly publish updates that include bug fixes and code optimizations, improved documentation and extended live demos. We are also working on releasing new UI components for the Svelte framework: Kanban, ToDo List, and Pivot.

To stay informed, you can track the changelog on our GitHub, subscribe to our newsletter or social media: X (formerly Twitter), Blsky, or LinkedIn.

To get started:

Visit the official documentation (separate documentation section for each SVAR Svelte component).
Explore the live demos.
Install the packages via npm.
Follow integration guides as described in the docs.

Yes, TypeScript definitions for all SVAR Svelte components are available since v2.3.

Feature Rich Svelte UI Components