Onsen UI for Vue Kitchensink app.
Switch branches/tags
Clone or download
Type Name Latest commit message Commit time
Failed to load latest commit information.
src Update to latest Onsen UI and bindings versions Jul 5, 2018
static Update demo QR code. Oct 16, 2017
www Add empty www folder. Oct 16, 2017
.gitignore Add empty www folder. Oct 16, 2017
LICENSE.md Create LICENSE.md Apr 2, 2018
README.md Update README.md Apr 2, 2018
config.xml Use Cordova structure. Sep 29, 2017
package.json Fix deploy process for Mac Jul 5, 2018
webpack.config.js Update babel-presets and deps. Nov 15, 2017
yarn.lock Fix deploy process for Mac Jul 5, 2018


Vue Onsen UI Kitchen Sink

This is a sample app featuring Onsen UI 2 + Vue. This version uses Vuex to share the state among components.

A version without Vuex is provided in no-vuex branch.

Check out the preview here.

This project has been created with vue-cli and webpack-simple template. Webpack configuration has been modified to work with Onsen UI +2.2.0.

About CSS

Onsen UI bundles css/onsen-css-components.css wich can be directly included in an app. However, this example uses the source css-components-src/src/onsen-css-components.css where colors can be easily modified. In order to support this, postcss-cssnext must be used in Webpack.

Build Setup

# install dependencies
yarn install

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

# build for production with minification
yarn run build


MIT License