An UI Framework build with Vue.js for mobile webapp
CSS Vue JavaScript HTML
Latest commit 1f893f7 Oct 23, 2016 @lihongxun945 lihongxun945 update demo
Failed to load latest commit information.
build init Jun 22, 2016
config add store for calendar Aug 9, 2016
screenshot update vcode Sep 1, 2016
src update demo Oct 23, 2016
static init Jun 22, 2016
test/unit init Jun 22, 2016
.babelrc init Jun 22, 2016
.editorconfig init Jun 22, 2016
.eslintrc.js init Jun 22, 2016
.gitignore update gitignore Jun 29, 2016
.npmignore update packagejson Sep 1, 2016
LICENSE add license Jul 13, 2016 update readme Sep 12, 2016 add changelog Oct 23, 2016 fix switch translate3d bug Aug 31, 2016
index.html disable phone num detect Aug 11, 2016
package.json add changelog Oct 23, 2016 add slide Aug 18, 2016

vue-mobile - V0.1.0

An UI Framework build with Vue.js

vue-mobile is in development now, V0.1.0 has been released at 2016-09-11

Click!/ or scan vcode to see live demos:

What is?

vue-mobile is an UI Framework build with Vue.js for SPA:

  • Full Page Structure - header, content, footer
  • Page transition support by vue-router
  • Bunch of Powerful Components, easy to use and extend
  • high performance CSS3 Animation
  • 1px border for all components - as well as round border
  • Write with Vue - the most important

Love Vue

Vue is the best View Layer Framework I have ever seen:

  • Elegant API
  • Two way binding, Components
  • Easy to build large scale App
  • Wonderful Components Organization.


  • Page
  • Buttons
  • Column
  • Grid
  • List
  • Cards
  • Contacts
  • Form
  • Icons

  • Modal

  • Preloader
  • Tab
  • Scroll
  • Popup
  • Actions
  • Toast
  • Search Bar
  • Calendar
  • Photo Browser
  • Swiper

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# run unit tests
npm run unit

For detailed explanation on how things work, checkout the guide and docs for vue-loader.

Get Start

Two way to create a project with vum?

clone source code directly

  1. Clone this repo to your work dir
  2. npm install to install dependences
  3. npm run dev to run dev server with hot reload.
  4. Open http://localhost:8088 in your browser, then you can see the demos
  5. Change to dir src/demos, modify what you want, and remove unused pages

That's all! You can do it :) Do not forget to reinit git.

use npm

  1. Create your project, vue-cli is recommend
  2. npm install vum in the root of your project
  3. Import the components you wanted in src


The css style of components comes from:

And vui-mobile could never be completed without these:

Stay In Touch

Please make sure that you have some knowledge about vue.js before join QQ group:

  • QQ Group: 581532614