Overview

Vuesax-next (v4.x) is an alpha version of a Vue.js UI library. The development team is currently working on creating a stable version that can be used in real projects. They are focused on creating new components and ensuring they do not have any bugs or issues from the previous version. Vuesax 4 is built with different technologies than its predecessor, including the use of TypeScript and Sass for component creation and compilation.

Features

• Components: Vuesax 4 offers a wide range of components such as alerts, avatars, buttons, cards, checkboxes, dialogs, inputs, loading indicators, navbars, notifications, pagination, popups, progress bars, radios, selects, sidebars, sliders, switches, tables, text areas, and tooltips.
• Improved Development: The Vuesax team is dedicated to creating components with better visual structures and consistency in progress.
• Daily Updates: Vuesax 4 is being actively updated, with announcements of new components and significant improvements on the project’s networks and Discord channel.

Installation

To install Vuesax 4, you can follow these steps:

1. Open your terminal and navigate to your project directory.
2. Run the following command to install Vuesax via npm:

npm install vuesax-next@alpha

3. Import Vuesax in your Vue.js application’s main entry file:

import 'vuesax-next/dist/vuesax.css'
import { createApp } from 'vue'
import App from './App.vue'
import Vuesax from 'vuesax-next'

createApp(App).use(Vuesax).mount('#app')

Summary

Vuesax-next (v4.x) is an alpha version of the Vuesax UI library for Vue.js. It is currently undergoing active development and users are encouraged to test it for bugs and issues. The library offers a wide range of components and is built with different technologies compared to its previous version. It is not recommended for use in real projects yet, but the development team is working on creating a stable version.