Background Ripple Effect
A grid of interactive cells that ripple outwards when clicked.
Controls
Click the Grid
Installation
npx shadcn-vue@latest add https://raya-ui.com/registry/background-ripple-effect.jsonProps
| Prop | Type | Default | Description |
|---|---|---|---|
| fill | boolean | false | If true, ignores rows/cols and fills parent. |
| rows | number | 8 | Number of rows (disabled if fill is true). |
| cols | number | 27 | Number of columns (disabled if fill is true). |
| cellSize | number | 56 | Width and height of each cell in pixels. |