# Spring Dots

Malha de pontos com mola: o ponteiro empurra, o atrito segura, e quem sai de casa acende na cor da marca.

- Nome no registry: `spring-dots`
- Tipo: componente
- Dependências npm: nenhuma
- Demo: https://ui.visantlabs.com/c/spring-dots
- Categorias: efeitos, fundo, canvas, ponteiro, fisica, mola

## Quando usar

- Use quando: Fundo de hero com malha de pontos que o ponteiro empurra e acende na cor da marca
- Evite quando: Fundo parado: grid-dots; revelar raspando, erase-field; textura mais densa em WebGL, shader-voronoi

## Instalar

```bash
npx shadcn@latest add @visant/spring-dots
```

## Usar

```tsx
<SpringDots />
```

## API

### SpringDots

- `activeVar?: string = "--brand"` — Var de cor de quem acendeu. Default `--brand`.
- `reach?: number = 140` — Alcance do empurrão, em px.
- `restVar?: string = "--muted-foreground"` — Var de cor de quem está em casa. Default `--muted-foreground`.
- `spacing?: number = 34` — Distância entre pontos, em px. Densidade da malha.