Responsive And Touch-ready UI Framework For Vue – Wave UI

Wave UI is a responsive, customizable, accessible,  and touch-ready UI component framework that comes with 40+ UI components and is compatible with both Vue 3 and Vue 2.

How to use it:

1. Import the Wave UI framework.

// Vue 2
import Vue from 'vue'
import App from './app'
import WaveUI from 'wave-ui'
import 'wave-ui/dist/wave-ui.css'
Vue.use(WaveUI)
const waveui = new WaveUI({
      // options here
})
new Vue({
  waveui,
  render: h => h(App)
}).$mount('#app')
// Vue 3
import { createApp, h } from 'vue'
import App from './app'
import WaveUI from 'wave-ui'
import 'wave-ui/dist/wave-ui.css'
const app = createApp({
      render: () => h(App)
})
new WaveUI(app, {
    // options here
})
app.mount('#app')

2. Wrap all your app’s content into <w-app>.

Previews:

Responsive And Touch-ready UI Framework For Vue - Wave UI

Changelog:

v2.39.1 (05/18/2022)

  • w-notification: only add a white background color when none is set, or for the different types when not plain.
  • w-tabs: make the tabs bar extra slot stick to the right.

Download Details:

Author: antoniandre

Live Demo: https://antoniandre.github.io/wave-ui/

Download Link: https://github.com/antoniandre/wave-ui/archive/master.zip

Official Website: https://github.com/antoniandre/wave-ui

Install & Download:

# Vue 3
$ npm i wave-ui

# Vue 2
$ npm i [email protected]

Add Comment