Star on GitHub0

Ripple Button

Ripple Button Component

An interactive button with a ripple effect for modern UIs.

Features

  • Interactive ripple effect on mouse hover.
  • Customizable styles and colors.
  • Lightweight and reusable.
Loading component preview...

Source code

Props

PropertyTypeDefaultDescription
children
React.ReactNode
required
The content to be displayed inside the button.
scaleAmount
number
25
The scale amount for the ripple effect.
className
string
undefined
Additional CSS classes for the button.
duration
number
0.5
Duration of the ripple animation in seconds.
rippleStyle
string
undefined
Additional CSS classes for the ripple effect.