Wave UI is an emerging user interface framework for Vue.js & Vue 3 with only the bright side.
user interface framework, onsen ui, mobile ui framework, responsive css framework, mobile first front end framework for web development
How to make use of it:
1. Download from NPM.
npm i wave-ui
npm i wave-ui@next
2. Import your project (Vue 2/3).
// VUE 2.x. import Vue from 'vue' import App from './App.vue' import WaveUI from 'wave-ui' import 'wave-ui/dist/wave-ui.css' Vue.use(WaveUI) const waveui = new WaveUI({ // Some Wave UI options. }) new Vue({ waveui, render: h => h(App) }).$mount('#app')
// VUE 3. import { createApp } from 'vue' import App from './App.vue' import WaveUI from 'wave-ui' import 'wave-ui/dist/wave-ui.css' const app = createApp(App) new WaveUI(app, { // Some Wave UI options. }) app.mount('#app')
3. Put w-app in the root of the app.
<w-app> <!-- All your app content goes here. --> <!-- Also try to add a button! --> <w-button>My Button</w-button> </w-app>
Responsive And Touch-ready UI Framework For Vue, Wave UI Plugin/Github
See Demo And Download
Official Website(antoniandre): Click Here
This superior jQuery/javascript plugin is developed by antoniandre. For extra Advanced usage, please go to the official website.