Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://sudheerj.github.io/vueface/
UI Components for Vue
https://sudheerj.github.io/vueface/
javascript-framework vue-components vuejs vuejs2
Last synced: about 10 hours ago
JSON representation
UI Components for Vue
- Host: GitHub
- URL: https://sudheerj.github.io/vueface/
- Owner: sudheerj
- License: mit
- Created: 2017-09-20T07:21:05.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2022-12-08T10:29:00.000Z (almost 2 years ago)
- Last Synced: 2024-11-09T22:51:41.690Z (7 days ago)
- Topics: javascript-framework, vue-components, vuejs, vuejs2
- Language: CSS
- Homepage: https://sudheerj.github.io/vueface
- Size: 7.61 MB
- Stars: 82
- Watchers: 19
- Forks: 15
- Open Issues: 17
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# VueFace
[![NPM version][npm-image]][npm-url] [![Build Status][travis-image]][travis-url] []() [![Dependency Status][daviddm-image]][daviddm-url] 
> VueFace is an open source component library for VueJS framework with around 40 components at the moment. It supports 20+ themes for giving different look & feel for all the components.
Follow me [@SudheerJonna](https://twitter.com/SudheerJonna) for technical updates.
## Install
VueFace is available in NPM and you can add to your project as a dependency as below
``` shell
npm install --save vueface
```
## Quick start
The VueFace library need to be configured before going to use the components
``` javascript
import Vue from 'vue'
import VueFace from 'vueface'
Vue.use(VueFace)
```
Configure styles for your components in your home.vue/index.html. Forexample, add below resources to home.vue as below
``` css
```
## Demo
The showcase is available here(https://sudheerj.github.io/vueface) for each component and their features.
## How to Run
#### build for production with minification
``` shell
npm run build
```
#### serve with hot reload at localhost:8080
``` shell
npm start
```
### LICENSE
MIT
[npm-image]: https://img.shields.io/npm/v/vueface.svg
[npm-url]: https://npmjs.org/package/vueface
[travis-image]: https://travis-ci.org/sudheerj/vueface.svg?branch=master
[travis-url]: https://travis-ci.org/sudheerj/vueface
[daviddm-image]: https://david-dm.org/sudheerj/vueface.svg?theme=shields.io
[daviddm-url]: https://david-dm.org/sudheerj/vueface-module
[coveralls-image]: https://coveralls.io/repos/sudheerj/vueface/badge.svg?branch=master&service=github
[coveralls-url]: https://coveralls.io/github/sudheerj/vueface?branch=master