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-reactjs

Usage

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