descent-ripple

Descent Ripple

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

Descent-Ripple

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

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.


Top categories

Loading Svelte Themes