V-Wave

The material-ripple directive for Vue that actually works!

Installation

To get started, you will need to install the package. You can visit the V-Wave page for more details... All the details 🙂.

npm install v-wave

Once installed, you can add it to your nuxt.config.ts file.

modules: ["v-wave/nuxt"];

You can add the v-wave directive to any button. Be sure to check out the available options in the repo.

You can change the color of the ripple effect by passing a color to the directive. Even background images are allowed.

Vue Tippy

VueTippy is a Vue 3 wrapper for the Tippy.js library, which allows you to use the tooltips as a Vue component and as a directive.

Forms Introduction

Check out the form elements that are created with the help of Vee-Validate to easily add validation to your Nuxt app.