Overview
Vuesax is an open source framework of components based on vue.js. It is designed to facilitate the development of applications and improve design while maintaining necessary functionality. Vuesax aims to provide freedom in terms of colors, shapes, and design without compromising speed of creation and production.
Features
- Buttons
- Selects
- Notifications
- Switches
- Checkboxes
- Radios
- Inputs
- Dialogs
- Tabs
- Sliders
- Input Numbers
- Tooltips
- Uploads
- Loading elements
- Popups
- Avatars
- Breadcrumbs
- Alerts
- Dividers
- Chips
- Progress bars
- Cards
- Lists
- Pagination
- Topbars
- Sidebars
- Dropdown menus
- Tables
- Textareas
- Collapsible elements
Installation
To install Vuesax, you have two options:
- Quick-start CDN - Include the following CDN links in your HTML file:
<script src="https://cdn.jsdelivr.net/npm/vuesax/dist/vuesax.umd.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vuesax/dist/vuesax.css">
- Install inside an NPM project - Use the following command in your terminal:
npm install vuesax
Summary
Vuesax is an open source framework of components for Vue.js that aims to simplify application development while providing flexibility in design. With a wide range of components available, developers can easily create visually appealing applications without compromising on functionality. Whether you choose to install Vuesax via CDN or NPM, the framework offers a seamless integration experience.