SVAR Logo
DemosLicensesContact
Sign Up
 
 
 
 
 
 
 
 

Svelte Component Library

Powerful UI Components for Data-Driven Apps

SVAR Svelte UI components help you build fast, scalable web apps with ready-to-use building blocks. They're open source, lightweight, fully customizable, and written entirely in Svelte.

  • Gantt
  • DataGrid
  • Calendar
  • Core
SVAR Svelte Gantt component — light & dark theme

Go to Gantt page
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 Svelte DataGrid component — light & dark theme

Go to DataGrid page
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 Svelte Calendar component — light & dark theme

Go to Calendar page
SVAR Calendar is a native Svelte component for building interactive event calendars.
  • multiple views
  • drag-and-drop UI
  • built-in event editor
  • iCal import & export
Learn more
SVAR Svelte Core component — light & dark theme

Go to Core page
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 component — light & dark theme

Go to Gantt page
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 component — light & dark theme

Go to DataGrid page
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

Calendar

SVAR component — light & dark theme

Go to Calendar page
SVAR Calendar is a native Svelte component for building interactive event calendars.
  • multiple views
  • drag-and-drop UI
  • built-in event editor
  • iCal import & export
Learn more

Core

SVAR component — light & dark theme

Go to Core page
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

Why Choose SVAR Svelte?

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.
SVAR picture

Quick start & AI tools

Everything you need to start using SVAR Svelte components quickly and easily: detailed documentation, API reference, and AI coding agent support with MCP server and skills.
SVAR picture

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!
SVAR picture

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.

tags

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.

rocket

Open source

Use SVAR Svelte UI components for free under the MIT license. For advanced enterprise features, PRO Editions are available - currently for Gantt and Calendar components only.

SVAR Svelte Component Suite

SVAR offers a collection of feature-rich, production-ready Svelte components for project management, data organization, scheduling, and more. Fast, flexible, and built for real-world apps.

Gantt Chart

SVAR Svelte Gantt Chart is a fast, lightweight way to build interactive project timelines. It helps users track task dependencies and visualize project workflows. PRO edition offers advanced scheduling features and resource planning.
Learn more SVAR picture

Event Calendar

The calendar component is a flexible way to manage events, schedules or booking calendars. It lets users create, organize, and view events in a familiar Google Calendar-like interface. Perfect for Svelte apps with planning and booking needs.
Learn more SVAR picture

Data Grid

One of the most powerful and feature-rich Svelte data grid components to display and manage structured data. It is fully customizable and supports sorting, filtering, in-cell editing. Great fit for dashboards and data-heavy interfaces.
Learn more SVAR picture

File Manager

SVAR File Manager for Svelte is a lightweight solution for working with file structures in web apps. It lets users browse, organize, and manage files and folders in a familiar interface. It fits fast Svelte dashboards and data-heavy tools.
Learn more SVAR picture

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.
Learn more SVAR picture

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.
Learn more SVAR picture

Core

A Svelte UI library that provides 30+ reusable form elements, navigation blocks, and essential components for building clean, fast web interfaces. It comes with light and dark themes and complements the complex SVAR Svelte widgets.
Learn more SVAR picture

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.
Learn more SVAR picture

Sign up for SVAR Svelte news

  • Get notified when the new SVAR Svelte UI component is released!
  • Be the first to try the product and share valuable feedback.
  • We respect your inbox - no spam, just valuable content.

Need Plain JS Components?

Frequently Asked Questions

SVAR 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, Gantt Chart or Calendar for building data-intensive applications. It stands out due to:
  • Performance: optimized for large datasets.
  • Flexibility: easily customizable UI components with clean, logical API.
  • Easy to integrate: works seamlessly with Svelte 4 and 5.
  • AI-ready: comes with MCP server and prebuilt skills for your AI coding agents.
  • 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.
  • Calendar - Google Calendar-like event planner.
  • 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 and SVAR Svelte Calendar with additional advanced features.
We welcome your feedback! Whether you're a beginner or enterprise developer, your voice helps shape the future of SVAR Svelte components. You can:
  • Submit issues and feature requests on GitHub.
  • Join our Community Forum, to ask questions and share feedback.
SVAR Svelte component library 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), Bluesky, 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, SVAR Svelte is AI-ready. We provide an MCP server and pre-built AI skills that give AI coding agents like Cursor, Claude Code, or Codex direct access to up-to-date SVAR Svelte documentation and API references. This means your AI assistant can generate accurate, working SVAR component code without hallucinations or outdated suggestions. Each component's documentation includes a dedicated setup guide.
Yes, TypeScript definitions for all SVAR Svelte components are available since v2.3.

Recent Releases

icon framework

SVAR Gantt 2.7: Resource Planning, Task Grouping, Individual Calendars, and More

SVAR Gantt 2.7 adds resource planning, resource load visualization, individual calendars, task grouping, WBS codes, and better editing for React, Svelte, and Vue.

icon framework

SVAR Core 2.6 & DataGrid 2.7: Better Styling, Tooltips, and Filtering

The new SVAR release for Svelte, React, and Vue adds a Tooltip component, unified CSS styling, MultiCombo improvements, multiselect column filters, and precise scroll control in DataGrid.

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