https://github.com/cryptoalgorithm/ripple
Call new Ripple(elem) to add a ripple effect on click for elem. Can be any elem that accepts mouse events. These ripples are inspired by the ripples in the React Material-UI library, but shares no code.
https://github.com/cryptoalgorithm/ripple
Last synced: 3 months ago
JSON representation
Call new Ripple(elem) to add a ripple effect on click for elem. Can be any elem that accepts mouse events. These ripples are inspired by the ripples in the React Material-UI library, but shares no code.
- Host: GitHub
- URL: https://github.com/cryptoalgorithm/ripple
- Owner: cryptoAlgorithm
- License: gpl-3.0
- Created: 2021-09-11T05:18:57.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-10-26T14:01:05.000Z (over 2 years ago)
- Last Synced: 2025-01-13T05:25:57.496Z (4 months ago)
- Language: CSS
- Size: 22.5 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# ripple
> Material design ripples for your buttons, inspired by those in the React Material-UI library. Built in pure JavaScript with no deps.
## Usage
Call `new Ripple(elem)` to attach an instance to `elem`, which can be any clickable element in the DOM.
## Demo
A little demo of the various possible use cases is available [on CodePen](https://codepen.io/cryptoalgorithm/pen/oNZeNeq).
Check it out to learn more about what can be achieved with this tiny library!