Ripple Button
Button that fires an expanding ripple at the click position. Configurable ripple color.
Installation
1
Run the CLI
$npx particleui-cli add ripple
Usage
TSX
import { RippleButton } from "@/components/ui/ripple"
export default function Example() {
return <RippleButton>Click me</RippleButton>
}Props
| Prop | Type | Default | Required |
|---|---|---|---|
| rippleColor | string | "oklch(78% 0.17 200 / 0.35)" | no |
Details
Source filecomponents/ui/ripple.tsx
Typeui
Categoriesbuttons, particles
npm dependencies
Registry deps
Claude skill—