Vonic

UI Framework for SPA, based on Vue.js and ionic css components.

Check out DEMO.

Features

• Equip with Vue.js, Vue-Router, ES6 & Babel 6
• Build with Webpack & Vue Loader
• Ionic CSS Components
• Stylesheets in Sass
• Starter Project for Development Quick Start

Components

• Typography
• App (Application Instance & Navigation Bar)
• MD-Buttons (Material Design Ripple Button)
• Input
• InputNumber
• Radio
• Checkbox
• Cascade
• Toggle
• List
• Cells
• Tabs
• ButtonBar
• Swiper
• Scalable
• Popover
• Popup
• Loading & Toast
• ActionSheet
• Scroller
• Modal
• Uploader
• TabBar

Getting started

Create project with on-line webpack template.

$ vue init wangdahoo/vonic-template my-project
$ cd my-project
$ npm install

please make sure that you have vue-cli installed.

Run project

$ npm run dev

That's it.

Thanks to

• Ionic
• Framework7
• WeUI
• vum
• vux
• Angular Material

Standalone components

• Vue Scroller
• von-app

Documents

• Components