Ambient Grid
A playful, interactive background that reacts to mouse movement.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| interactive | boolean | true | If true, the primary glow follows the mouse cursor. |
| gridSize | number | 24 | The size of the background grid cells in pixels. |
| color1 | string | '#a855f7' | The color of the primary (mouse-following) glow. |
| color2 | string | '#3b82f6' | The color of the secondary (static) ambient glow. |
Installation
npx shadcn-vue@latest add https://raya-ui.com/registry/ambient-grid.json