v-wave

Description

Material Ripple Directive

Overview

The Material Ripple Directive is a fully functional Vue plugin that resolves the shortcomings of previous ripple implementations, which often failed to work or lacked essential features.

Compatibility

Works with elements positioned as fixed, absolute, relative, and static.
Supports both Vue 2 and Vue 3.

Features

Handles independent border‑radius settings without altering the element’s appearance.
Automatically detects the ripple color, yet allows custom color configuration.

This directive delivers a reliable ripple effect across all common positioning contexts while remaining lightweight and fully customizable.