SVAR Svelte Component Library

SVAR Svelte Core offers UI components that are ready-to-use and designed to create fast, responsive and visually appealing apps. See what's inside the pack:

Core

SVAR Svelte Core library includes form controls and UI elements for basic app needs: combo, select, date picker, tabs, popups, messages, and more.

Docs

Demos

A lightweight Svelte menu component for adding dropdown, navigation, action or context menus. Easily customize menu options: text, icons, sub-items, and menu position.

Docs

Demos

Toolbar

A Toolbar component that allows you to create button and icon panels with multiline toolbars, collapsed icon groups, and wrapping options to move icons to the next line.

Docs

Demos

Comments

A neat and simple Svelte comments section that displays comments in bubbles or flow views, supports paging, and handles markdown content.

Docs

Demos

Tasklist

A Svelte UI component that enables you to add a simple Svelte to-do list, with the ability to add, edit, delete tasks, and mark them as completed.

Docs

Demos

Star on Github

Try SVAR Svelte Core Components

This demo is built with the SVAR Core library. Explore how the components look in light and dark themes, and interact with various UI elements like buttons, checkboxes, radio buttons, calendars, and more. For the best experience, view this page on a desktop device to enjoy the live demo, as it looks great on larger screens!

Open Fullscreen Demo

Why Use SVAR Svelte Core Library?

SVAR Svelte Core is written in Svelte from the start. The components plug straight into Svelte's reactivity and play nicely with Svelte 5, SvelteKit, and TypeScript setups. They stay lightweight to keep your bundle small and your UI snappy.

The Core UI library includes a set of essential UI elements available in both light and dark themes. It's a solid base for your Svelte app - from simple form controls to menus, popups, datepicker, side panel, and more.

Create awesome user interfaces faster. Well-written documentation, API references, multiple demos, and a modular structure make it easy to start with our Svelte UI library. A clean, developer-friendly API helps you go further.

Use default templates or restyle every component with CSS variables to fit your design system — no Tailwind or other CSS framework required. Adapt the UI for a global audience with built-in localization support.

SVAR Svelte Core is built with responsive design principles in mind to ensure a great experience on any screen and device. All Core components work smoothly on touch screens.

The Core library works together with our advanced Svelte components like DataGrid, Gantt, Calendar, and more, so you can scale from basic UI to complex interfaces. Use the same components, styling, and API across your whole app.

SVAR Core — Svelte UI Library

SVAR Svelte Component Library

Try SVAR Svelte Core Components

Why Use SVAR Svelte Core Library?

Svelte-native, zero wrappers

30+ essential components

Detailed docs & clean code

Rich customization options

Responsive UI

Part of SVAR ecosystem

Professional support

Resources

How to start guide

Community forum

GitHub repository