Dotted Glow Background
A canvas-based dotted background that produces an organic shimmering effect.
Controls
Glow.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| gap | number | 12 | Distance between dot centers in pixels. |
| radius | number | 2 | Base radius of each dot in pixels. |
| color*Var | string | - | CSS variable names (e.g. "foreground", "primary") to automatically adapt to theme. |
Installation
npx shadcn-vue@latest add https://raya-ui.com/registry/dotted-glow-background.json