Skip to content

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

License

Notifications You must be signed in to change notification settings

micha-lmxt/descent-ripple

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.


About

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

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages