/descent-ripple

A highly javascript ripple animation for buttons. Made with Svelte, but easily usable with other frameworks.

Primary LanguageSvelteMIT LicenseMIT

Descent-Ripple

NPM

A highly customizable javascript ripple animation for buttons. Made with Svelte, but easily usable with other frameworks.

Volcano ripple example

More Examples and usage

Getting started

For React there is a wrapped component available, see react-descent-ripple

Install the package from npm:

npm install descent-ripple

In Svelte you can easily use actions:

// MyButton.svelte
<script>
    import ripple from 'descent-ripple';
    let rippleOptions = {};
</script>

<button use:ripple={rippleOptions}>click me </button>

For other frameworks see this blog post.