# Shader Pixelate

Uma imagem em blocos de cor chapada, com uma janela redonda que mostra a foto nítida debaixo do cursor.

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

## Quando usar

- Use quando: Capa de lançamento a revelar ou teaser em que o cursor descobre a foto, em landing ou campanha
- Evite quando: Poucos tons com trama: shader-dither; mostrar uma ampliação de verdade, shader-upscale

## Instalar

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

## Usar

```tsx
<ShaderPixelate />
```

## API

### ShaderPixelate

- `src: string` — A imagem a pixelar. Fundo transparente vira papel.
- `alt?: string = "Imagem pixelada"` — Texto alternativo da imagem.
- `reveal?: boolean = true` — Janela de nitidez que segue o cursor.
- `size?: number = 16` — Tamanho de cada bloco, em px.