Backgrounds & Visuals
Reactive Dot Matrix
Interactive canvas-based dot matrix that responds to mouse movement.
patterndotsmatrixinteractivecanvas
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
backgroundColor | string | #09090b | Background color |
dotColor | string | #3b82f6 | Dot color |
dotBaseRadius | number | 1.5 | Base radius of dots |
spacing | number | 30 | Spacing between dots |
interactionDistance | number | 200 | Mouse interaction distance |
interactionStrength | number | 40 | Interaction strength |
className | string | Additional CSS classes |