@svar-ui/vue-core

SVAR Vue Core | Vue UI Component Library

Website • Getting Started • Demos

SVAR Vue Core is a lightweight, fast, and mobile-friendly Vue library that offers 30+ reusable, pre-styled UI components. It includes form controls, popups, date & time pickers, toast notifications, and more. All components are customizable, support light and dark themes, and come with full TypeScript support.

The library is fully compatible with Vue 3.

Along with the Core library, you can use the following SVAR Vue components to build a unified app interface:

• Menu - create basic menu bar, actions or context menu;
• Toolbar - create button and icon panels with configurable, responsive layouts;
• Tasklist - basic to-do list component to add, edit, check or delete tasks;
• Comments - nice-looking comments section with bubbles or flow views;
• File uploader - simple file uploader component.

:hammer_and_wrench: How to Use

To start using the components from the SVAR Vue Core library, simply import the package and include the desired component in your Vue file:

<script setup>
import { Button } from "@svar-ui/vue-core";
import "@svar-ui/vue-core/all.css";
</script>

<template>
  <Button>Click me</Button>
</template>

See the getting started guide to quickly set up and begin using SVAR Core components in your Vue projects.

:speech_balloon: Need Help?

Post an Issue or use our community forum.