<p align="center"> <a href="http://vux.li"> <img src="https://raw.githubusercontent.com/airyland/vux/master/logo.png"> </a> </p> <p align="center">Be Cool with Vue and WeUI.</p> <p align="center">compatible with Vue@^1.0.24 (not yet support Vue@2.0)</p> <p align="center"> <a href="https://www.npmjs.com/package/vux"> <img src="https://img.shields.io/npm/v/vux.svg?style=flat-square" alt=""> </a> <a href="https://www.npmjs.com/package/vux"> <img src="https://img.shields.io/npm/dm/vux.svg?style=flat-square" alt=""> </a> <a href="http://issuestats.com/github/airyland/vux"> <img src="http://issuestats.com/github/airyland/vux/badge/issue?style=flat-square" alt=""> </a> <a href="http://issuestats.com/github/airyland/vux"> <img src="http://issuestats.com/github/airyland/vux/badge/pr?style=flat-square" alt=""> </a> </p> ## Docs + [中文文档](https://vuxjs.gitbooks.io/vux/content/) ## Demo <p align="center"> <a href="https://vux.li/?x-page=github_readme">https://vux.li</a><br/> (You can view the demos' codes in <a href="https://github.com/airyland/vux/tree/master/src/demos"><strong>/src/demos</strong></a>)<br/> <img src="https://raw.githubusercontent.com/airyland/vux/master/assets/qr.png" width="300"> </p> ## Component List > If you need a new component, don't hesitate to raise an issue. > The diagram is made with [coggle](https://coggle.it/) <p align="center"> <img src="https://raw.githubusercontent.com/airyland/vux/master/assets/components.png" width="980"> </p> ## Quick Start ``` bash # install vue-cli npm install -g vue-cli # init a webpack project with vuxjs/template vue init vuxjs/webpack my-project cd my-project # or cnpm install npm install npm run dev ``` ## Development Setup ``` bash # install dependencies npm install # serve with hot reload at localhost:8080 npm run dev # you can also custom host and port npm run dev -- --host 127.0.0.1 --port 8085 # build for production with minification npm run build # build components before publishing npm run xbuild # publish and deploy to gh-pages npm run xpublish # run unit tests npm test ``` For detailed explanation on how things work, consult the [docs for vue-loader](http://vuejs.github.io/vue-loader). ## Components <p align="center"> <img src="https://raw.githubusercontent.com/airyland/vux/master/assets/vux.png" width="600"> </p> ## Maintainers + [airyland](https://github.com/airyland) + [lichunqiang](https://github.com/lichunqiang) + [graysheeep](https://github.com/graysheeep) + [unclay](https://github.com/unclay) ## Vux is Inspired or Powered By: + [Vue](https://github.com/vuejs/vue) + [WeUI](https://github.com/weui/weui) + [FrozenUI](https://github.com/frozenui/frozenui) + [Ant Design](https://github.com/ant-design/ant-design) + [Ant Design Mobile](http://github.com/ant-design/ant-design-mobile) + [XScroll](https://github.com/huxiaoqi567/xscroll) + [Ionic](https://github.com/driftyco/ionic) + [SUI Mobile](https://github.com/sdc-alibaba/SUI-Mobile) + [PhotoSwipe](https://github.com/dimsemenov/PhotoSwipe) ## License MIT ## Donate It takes much time and energy to maintain and improve this project. If Vux helps you, you may want to buy me a coffee :). <p align="center"> <img src="https://o3e85j0cv.qnssl.com/vux_pay.png" width="450"> </p>