Dot Field
High-performance lightweight static Canvas dot matrix background with dynamic gradient coloring and responsive density scaling.
Installation
Add the component directly to your repository using shadcn CLI:
npx shadcn@latest add Surajmaurya1/easyui/dot-field
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| dotRadius | number | 1.5 | Radius of each individual dot (px) |
| dotSpacing | number | 14 | Spacing between adjacent dots in the grid (px) |
| gradientFrom | string | 'rgba(56, 189, 248, 0.35)' | Start gradient color |
| gradientTo | string | 'rgba(168, 85, 247, 0.25)' | End gradient color |
| className | string | '' | Optional container CSS class |