Ripple-effect-reactjs 
Simple modifiable ripple effect library for react.js
Demo
Live demo: https://ripple-effect-reactjs.netlify.app/
Install
npm i ripple-effect-reactjsUsage
To app.js file add:
import RippleButton from "ripple-effect-reactjs";
function App() {
return (
<RippleButton color={black} speed={2000} radius={3} width={50}>
<button>Click me</button>
</RippleButton>
);
}
export default App;Options
| Properties | values | default |
|---|---|---|
| color | hex, rgb | rgb(83, 82, 82) |
| speed | millisecond | 1000 |
| radius | px | 2 |
| width | percentage | 100 |