Ripple
Installation
Usage
import { Ripple } from "@/components/magicui/ripple";<div className="relative h-[500px] w-full overflow-hidden">
<Ripple />
</div>Props
| Prop | Type | Default | Description |
|---|---|---|---|
mainCircleSize | number | 210 | The size of the main circle in pixels |
mainCircleOpacity | number | 0.24 | The opacity of the main circle |
numCircles | number | 8 | The number of ripple circles to render |