# Textura Magnet

Limalha de ferro em traços curtos que se alinham ao campo de um ímã preso ao cursor.

- Nome no registry: `textura-magnet`
- Tipo: componente
- Dependências npm: nenhuma
- Demo: https://ui.visantlabs.com/c/textura-magnet
- Categorias: efeitos, textura, webgl, fundo, ponteiro, ima, limalha, campo

## Quando usar

- Use quando: Fundo de hero com limalha de ferro que se alinha ao cursor, em landing tech, ciência ou portfólio
- Evite quando: Linhas de fluxo que desviam do cursor: textura-current; ponteiros grandes de relógio, textura-watch

## Instalar

```bash
npx shadcn@latest add @visant/textura-magnet
```

## Usar

```tsx
<TexturaMagnet />
```

## API

### TexturaMagnet

- `colors?: string[]` — Paradas: papel e limalha. Qualquer cor CSS ou token.
- `density?: number = 30` — Quantos grãos de limalha na altura.
- `length?: number = 55` — Comprimento de cada traço.
- `scatter?: number = 0` — Bagunça: 0 é malha regular com todo traço girando pelo campo; 100 é limalha caída ao acaso, com ângulo, posição e comprimento sorteados.
- `strength?: number = 60` — Força do ímã: até onde a limalha se alinha.