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

王大虎

Last update: Dec 23, 2022

Overview

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

Demo

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

Notice

v2.0.0-beta.15 released.

$ 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 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
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

$ npm run dev

That's it.

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

Documents

中文文档

Thanks to

LICENSE

MIT

<template> <div class="page" v-tabbar="{'menus': menus, menuColor: '#808080', activeMenuColor: '#D0AE81', onMenuClick: menuClicked}"> <router-view class="child-view"></router-view> </div> </template>

HellowWorld可以运行了，但是API里的写法和HellowWorld的写法不一样啊，

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

Related tags

Overview

Demo

Notice

Features

Components

Getting started

Documents

Thanks to

LICENSE

Comments

Owner

王大虎

基于vue3.0-ts-Element集成的简洁/实用后台模板！《带预览地址》vue-admin；vue+admin；vue-element；vue+element；vue后台管理；vue3.0-admin；vue3.0-element。

Mobile UI Components based on Vue & WeUI

Lightweight Mobile UI Components built on Vue

Batteries-included, zero-config Ionic integration for Nuxt

🌈 An enterprise-class UI components based on Ant Design and Vue. 🐜

Lightweight UI components for Vue.js based on Bulma

Mobile UI elements for Vue.js

:large_orange_diamond: A fantastic mobile ui lib implement by Vue

Vue Native is a framework to build cross platform native mobile apps using JavaScript

A template repository / quick start to build Azure Static Web Apps with a Node.js function. It uses Vue.js v3, Vue Router, Vuex, and Vite.js.

Mosha-vue-toastify - A light weight and fun Vue 3 toast or notification or snack bar or however you wanna call it library.

Veloce: Starter template that uses Vue 3, Vite, TypeScript, SSR, Pinia, Vue Router, Express and Docker

The first truly composable CSS animation library. Built for Vue, React, SCSS, and CSS, AnimXYZ will bring your website to life.

:tada: A magical vue admin https://panjiachen.github.io/vue-element-admin

:eyes: Vue in React, React in Vue. Seamless integration of the two. :dancers:

🎉 基于 vite 2.0 + vue 3.0 + vue-router 4.0 + vuex 4.0 + element-plus 的后台管理系统vue3-element-admin

Jenesius vue modal is simple library for Vue 3 only

A plugin that can help you create project friendly with Vue for @vue/cli 4.5

tsParticles - Easily create highly customizable particles animations and use them as animated backgrounds for your website. Ready to use components available for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno.