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

Related Posts

Data-Table-Generator-Tabulator

Interactive Data Table Generator with JS/jQuery and JSON | Tabulator

Tabulator allows you to create interactive tables in seconds from any HTML Table, JavaScript array, AJAX data source, or JSON format data. Just include the library in your…

alert-confirm-prompt-attention-js

Simple Alert, Confirm, Prompt Popup Using Vanilla JavaScript Library | attention.js

JavaScript provides various built-in functionality to display popup messages for different purposes. Attention JS is a vanillaJS plugin used to create a custom alert, confirm, or Prompt…

Bootstrap-4-Toast-Notification-Plugin

Lightweight Bootstrap 4 Toast Notification Plugin | BS4 Advanced Toast

A lightweight Bootstrap 4 Toast Notification plugin integrated with JS/jQuery. bs4-toast.js is a JavaScript library that enhances the native Bootstrap toast component with icons, buttons, callbacks, and…

Audio-Visualizations-Wave

How to Create Audio Visualizations with JavaScript | Wave.js

Audio Visualizer Library – wave.js is a vanilla javascript audio visualization library that provides 20+ creative audio visualization effects to bring more engagement to your visitor. Contribute…

swiper-touch-slider

Modern Mobile Touch Slider With Acceleration Transitions | Swiper

Swiper is the most modern free mobile touch slider with accelerated device transitions and amazing original behavior. It is intended for use in mobile websites, mobile web…

Confetti-Falling-Animation-Effect-party

Confetti Falling Animation Effect In JavaScript | party.js

Party.js is a JavaScript library to brighten user site experience with visual effects! Celebrate success with dom confetti! The library is written in TypeScript and compiled into…

Leave a Reply

Your email address will not be published. Required fields are marked *