Getting Started

Vuesax is a library of Vuejs components that facilitates front-end development and streamlines work with great visual quality.

Install in project via NPM or YARN

# install
npm install vuesax3 # OR yarn add vuesax3


Vuesax is a Vuejs library. To use it, add the code below:

import {createApp} from 'vue'
import Vuesax from 'vuesax3'

import 'vuesax3/dist/vuesax.css' //Vuesax styles
const app = createApp({})
app.use(Vuesax, {
  // options here

All optionsopen in new window

Or use individual components:

import {createApp} from 'vue'
import { vsButton, vsSelect, vsPopup } from 'vuesax3'
import 'vuesax3/dist/vuesax.css'

const app = createApp({})


Material Icons

Material icons used by this framework are currently not included. Please add them manually or add to your project for self hosting via:

npm install material-icons --save

Then Import it to your project:

import 'material-icons/iconfont/material-icons.css';

Also, please check the available icons from the following. in new window


This library was created and is supported by Lusaxwebopen in new window


rtlBooleanenable or disable RTLfalse