Toggle Sidebar B
Light & dark mode D

DotGrid

Grid of dots with optional twinkling animation

Grid of dots with optional twinkling animation

Props

PropTypeDefaultDescription
colorcolor#ffffffThe color of the dot
densityrange30The number of dots on the longest canvas edge
dotSizerange0.3The size of each dot, zero (0) being invisible, one (1) filled the grid with no gaps
twinklerange0Intensity of the twinkle effect (0 = off, 1 = full twinkle)

Usage

vue
<Shader>
  <DotGrid
    color="#ffffff"
  />
</Shader>