SVAR Core — Svelte UI Library

Lightweight Svelte UI components for common web app needs. Built for performance, easy to integrate, open-source.

Licensed under MIT

Also available for:

SVAR Svelte Components Library

We are excited to offer SVAR Svelte UI components that are ready-to-use and designed to create fast, responsive and visually appealing apps.

Core

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

Menu

A customizable Svelte menu component for adding dropdown or context menus. Easily customize menu options, including text, icons, sub-items, and menu position relative to the

Toolbar

A 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

Comments

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

Tasklist

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

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.

All You Get with SVAR Core for Svelte

Quick start

Easily create awesome user interfaces! Well-written documentation and the modular structure of our Svelte UI library makes it easy to implement UI elements in your project without having to write complex code from scratch.

Rich customization options

You can use the default templates or easily customize the design and colors of UI components to create a web interface that meets your needs.

Responsive UI

Our Svelte UI library is built using responsive design principles to ensure a great experience on any screen and device. All components work smoothly on touch screens.

Light and dark skins

SVAR Core comes with 2 ready-to-use stylish skins: Willow, and Dark so you can customize the look and feel of your application to match your design preferences or branding requirements.

Get Help at Every Step

Resources