# Shader Glitch

Uma imagem que falha em faixas, com os canais de cor separados e linhas que pulam, e falha mais quando o mouse passa rápido.

- Nome no registry: `shader-glitch`
- Tipo: componente
- Dependências npm: nenhuma
- Demo: https://ui.visantlabs.com/c/shader-glitch
- Categorias: shaders, shader, webgl, imagem, glitch, falha

## Quando usar

- Use quando: Foto com falha digital que piora com o mouse rápido, em hero de música, evento ou tech
- Evite quando: Franja de cor parada que segue o cursor: shader-chromatic-aberration; fita analógica, shader-vhs

## Instalar

```bash
npx shadcn@latest add @visant/shader-glitch
```

## Usar

```tsx
<ShaderGlitch />
```

## API

### ShaderGlitch

- `src: string` — A imagem a estragar. Fundo transparente vira papel.
- `alt?: string = "Imagem com falha de sinal"` — Texto alternativo da imagem.
- `amount?: number = 30` — O quanto as faixas saem do lugar.
- `blocks?: number = 20` — Em quantas faixas a imagem se divide.
- `speed?: number = 30` — Quantas vezes por segundo a falha muda.