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