Just released

SVAR Core — Vue UI Library

Say goodbye to clunky and outdated web interfaces with SVAR Core library for Vue 3. It will provide everything you need to create beautiful, responsive apps with Vue framework.

Licensed under MIT

Also available for:

30+ Vue UI Components

SVAR Vue Core offers a set of essential UI components built specifically for Vue 3, written from the ground up to feel right at home in your Vue projects

Core

A solid foundation of Vue UI elements: form controls, buttons, date pickers, modals — all reactive, composable, and ready for real-world use.

Menu

A flexible Vue 3 menu component for building dropdown, navigation, context, and action menus. Configurable items, icons, submenus, and positioning.

Toolbar

Build structured button and icon panels with ease. This Vue toolbar component supports multiline layouts, collapsible icon groups, and automatic wrapping.

Comments

Add a polished comments block to any Vue app. Supports bubble and flow view modes, pagination, and Markdown rendering.

Tasklist

A clean, reactive to-do list component for Vue 3. Lets users create, edit, complete, and delete tasks with minimal setup — ideal for dashboards.

Why Choose Our Vue UI Library?

Truly Native Vue 3

Every SVAR Vue Core component is written natively in Vue 3, using the Composition API, <script setup>, reactive props, and Vue's built-in event model. The library integrates naturally into any Vue codebase without friction or workarounds.

Fully customizable

You have full control over the appearance and behavior of Vue UI components. Leverage default templates or personalize colors, icons, buttons, and other features to fulfill your application requirements.

Responsive and touch-friendly

Our components automatically adjust to different screen sizes, ensuring optimal layout and readability. Expect smooth and intuitive user experience across all devices, including touchscreens.

Built for performance

Lightweight and optimized for Vue 3's reactivity system, SVAR Vue Core components render fast and stay fast, even in data-heavy interfaces. Less time profiling, more time shipping.

Stylish skins and design

Choose from light or dark themes out of the box, or use CSS custom properties to create your own look. SVAR Vue Core gives you a great-looking UI from day one, with room to make it entirely yours.

Keyboard navigation and accessibility

Navigate and interact with every component using the keyboard. SVAR Vue Core library is built with accessibility in mind, making it easier to meet compliance requirements and build apps for everyone.

Try the Live Demo

Explore how our Core Vue components look in light and dark themes, and interact with UI elements: buttons, checkboxes, date pickers, and slider. For the best experience, view this page on a desktop device to enjoy the live demo, as it looks great on larger screens!

Professional support

Need custom features or integration help? Our experienced team provides priority support, custom development, and consulting services.

Resources