Dot Pattern Background
Grid of dots that react to your cursor and optionally pulse with a glow effect.
Import
import { DotPatternBackground } from "@igorao79/uivix";Playground
24px
1.2px
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| spacing | number | 24 | Space between dots |
| radius | number | 1.2 | Dot radius |
| color | string | "rgba(161,161,170,0.25)" | Dot color |
| glow | boolean | false | Enable pulsing glow |
| mouseReactive | boolean | true | Dots grow near cursor |
| mouseRadius | number | 120 | Cursor influence radius |
| className | string | fixed inset-0 ... | CSS class |