Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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: about 1 month ago
JSON representation
Mobile UI Components, based on Vue.js and ionic CSS. https://wangdahoo.github.io/vonic-documents
- Host: GitHub
- URL: https://github.com/wangdahoo/vonic
- Owner: wangdahoo
- License: other
- Created: 2016-08-27T05:00:56.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2022-02-12T07:36:40.000Z (over 2 years ago)
- Last Synced: 2024-02-13T09:12:20.670Z (7 months ago)
- Topics: components, ionic, mobile, vonic, vue, web-app
- Language: Vue
- Homepage:
- Size: 10.4 MB
- Stars: 3,408
- Watchers: 127
- Forks: 494
- Open Issues: 71
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-vue - vonic - 快速构建移动端单页应用 (UI组件)
- awesome-github-vue - vonic - 快速构建移动端单页应用 (UI组件)
- awesome-vue - vonic - 快速构建移动端单页应用 (UI组件)
- awesome-github-vue - vonic - 快速构建移动端单页应用 (UI组件)
- awesome - vonic - 快速构建移动端单页应用 (UI组件)
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