Folders and files

Name		Name	Last commit message	Last commit date
Latest commit History 1,678 Commits
.github		.github
docs		docs
public		public
scripts		scripts
src		src
.editorconfig		.editorconfig
.eslintignore		.eslintignore
.eslintrc		.eslintrc
.gitignore		.gitignore
.npmignore		.npmignore
BACKER.md		BACKER.md
CHANGELOG.md		CHANGELOG.md
CODE_OF_CONDUCT.md		CODE_OF_CONDUCT.md
CONTRIBUTING.md		CONTRIBUTING.md
LICENSE		LICENSE
PATCH_CHANGELOG.md		PATCH_CHANGELOG.md
README.md		README.md
TODO.md		TODO.md
bit.json		bit.json
eslintquemeter.json		eslintquemeter.json
package.json		package.json
vue.config.js		vue.config.js

Repository files navigation

Supporting through Patreon

Vuesax is an open sourceMIT project if you want to contribute to keep improving, If you are interested in supporting this project, please consider becoming a patron.Patron

Silver

Introduction

Vuesax is a framework of components based onvue.js, it is a framework that is designed from scratch to be incrementally adoptable.

The framework is focused on facilitating the development of applications, improving the design of the same without removing the necessary functionality. we want all the components to be independent in colors, shapes and design for a freedom that we like all front-end but without losing the speed of creation and production.

Vuesax 4 (alpha)

We are already creating vuesax 4 you can see the progresshere and if you want to help in the development you can do ithere

Support the project ⭐

If you feel awesome and want to support us in a small way, please consider starring and sharing the repo! This helps us getting known and grow the community. 🙏

Components

Browser Support

Recent versions ofFirefox,Chrome,Edge,Opera andSafari.IE11+

Quick-start CDN

<!DOCTYPE html><html><head><linkhref="https://cdn.jsdelivr.net/npm/vuesax/dist/vuesax.css"rel="stylesheet"><metaname="viewport"content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui"></head><body><divid="app"><vs-buttonvs-type="filled">Hello World</vs-button></div><scriptsrc="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script><scriptsrc="https://cdn.jsdelivr.net/npm/vuesax/dist/vuesax.umd.js"></script><script>newVue({el:'#app'})</script></body></html>

CDN Links

Install inside a NPM project

# npmnpm install @brugarolas/vuesax

# yarnyarn add @brugarolas/vuesax

Use

All components

importVuefrom'vue'importVuesaxfrom'@brugarolas/vuesax'import'@brugarolas/vuesax/dist/vuesax.css'Vue.use(Vuesax)

Or use individual components:

importVuefrom'vue'import{vsButton,vsSelect,vsPopup}from'@brugarolas/vuesax'import'@brugarolas/vuesax/dist/vuesax.css'Vue.use(vsButton)Vue.use(vsSelect)Vue.use(vsPopup)