Ripple Button

Button with expanding ripple effect on click.

Preview

Customize

Installation & Usage

tsx
import { RippleButton } from "@/components/ui/ripple-button"

export function RippleButtonDemo() {
  return (
    <RippleButton 
      text="Click Me" 
      rippleColor="#ff0000" 
      duration="0.6s" 
    />
  )
}

Component Details

FrameworkReact / Next.js
StylingTailwind CSS
AnimationFramer Motion
Dependencies
framer-motion