Emerging Responsive UI Framework for Vue.js & Vue 2/3

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 [email protected]

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.

Share