Docs
Ripple
Ripple
An animated ripple effect typically used behind elements to emphasize them.
Installation
pnpm dlx shadcn@latest add "https://designali.in/r/styles/default/ripple"
iPad Pro
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 |