Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/wangdahoo/vonic

Mobile UI Components, based on Vue.js and ionic CSS. https://wangdahoo.github.io/vonic-documents
https://github.com/wangdahoo/vonic

components ionic mobile vonic vue web-app

Last synced: 6 days ago
JSON representation

Mobile UI Components, based on Vue.js and ionic CSS. https://wangdahoo.github.io/vonic-documents

Awesome Lists containing this project

README

        









Mobile UI Components, based on Vue.js and ionic CSS.

## Demo


https://wangdahoo.github.io/vonic/docs/




## Notice
- v2.0.0-beta.15 released.

```bash
$ npm install [email protected]
```

- for vue 1.0, please refer to branch **1.x**.

## Features
- Equip with Vue.js, Vue-Router, ES6 & Babel 6
- Cool with Webpack 2.0 & Vue Loader
- Ionic CSS Components
- Stylesheets in Sass
- [Starter Project](https://github.com/wangdahoo/vonic-template#2.0) for Development Quick Start

## Components
- Material Design Button
- Input
- Search
- Radio
- Checkbox
- Toggle
- RangeSlider
- Badge
- Toast
- Loading
- Header
- List
- Cells
- Tabs
- ButtonBar
- Scalable
- Swiper
- Scroll
- [VueScroller](https://github.com/wangdahoo/vue-scroller)
- Cascade
- Accordion
- Datepicker
- Dialog
- Popup
- Modal
- ActionSheet
- Sidebar
- TabBar

## Getting started

quick start with vue-cli.
```
$ npm i vue-cli -g
$ vue init wangdahoo/vonic-template#2.0 my-vonic-app
$ cd my-vonic-app
$ yarn install
```

Run project
```bash
$ npm run dev
```

That's it.

And if you start with [vue-webpack-boilerplate](https://github.com/vuejs-templates/webpack) by vue-cli, check the following starter for your reference.
https://github.com/wangdahoo/vonic-webpack-starter

## Documents
- [中文文档](https://wangdahoo.github.io/vonic-documents)

## Thanks to
- [Ionic](http://ionicframework.com/)
- [Framework7](http://framework7.io/)
- [WeUI](https://weui.io/)
- [vum](http://getvum.com/)
- [vux](https://github.com/airyland/vux)
- [Angular Material](https://material.angularjs.org/)

## LICENSE
MIT