@veloxui/vue

VeloxUI

A high-performance Vue 3 component library with 60+ beautifully crafted components.

Documentation • Getting Started • Components

Features

• 60+ Components — Form inputs, data display, navigation, feedback, overlays, and more
• Vue 3 Composition API — Built with <script setup>, fully tree-shakeable
• TypeScript — Full type definitions out of the box
• Dark Mode — All components support light and dark themes
• i18n — Built-in localization (English, Russian, Uzbek)
• Zero CSS Import — Styles are auto-injected, no separate CSS file needed
• Lightweight — Vue is the only peer dependency

Installation

npm install @veloxui/vue

Quick Start

import { createApp } from 'vue'
import VeloxUI from '@veloxui/vue'
import App from './App.vue'

const app = createApp(App)
app.use(VeloxUI)
app.mount('#app')

Then use any component in your templates:

<template>
  <VxButton type="primary">Click me</VxButton>
  <VxInput v-model="name" placeholder="Enter your name" />
  <VxSelect v-model="color" :options="['Red', 'Green', 'Blue']" />
</template>

Components

Form

Data Display

Navigation

Feedback & Overlay

Layout

Other

Directives

<!-- Loading overlay -->
<div v-loading="isLoading">Content</div>

<!-- With options -->
<div v-loading="{ visible: true, text: 'Loading...', type: 'dots' }">
  Content
</div>

Localization

import VeloxUI from '@veloxui/vue'
import { ru } from '@veloxui/vue'

app.use(VeloxUI)

<VxConfigProvider :locale="ru">
  <App />
</VxConfigProvider>

Supported locales: en (default), ru, uz

Browser Support

All modern browsers — Chrome, Firefox, Safari, Edge.

License

MIT