# Drip Word

Uma palavra de tinta viscosa em shader: dos pés das letras descem fios que soltam a gota, e arrastar de lado inclina a gravidade.

- Nome no registry: `drip-word`
- Tipo: componente
- Dependências npm: motion, react
- Demo: https://ui.visantlabs.com/c/drip-word
- Categorias: texto, shader, webgl, liquido, gota, palavra, tipografia

## Quando usar

- Use quando: Uma palavra de abertura com presença, em dobra de marca ou tela de entrada
- Evite quando: Texto que derrete sob o cursor: heat-word; texto corrido ou título longo: line-reveal

## Instalar

```bash
npx shadcn@latest add @visant/drip-word
```

## Usar

```tsx
<DripWord />
```

## API

### DripWord

Drip Word: a palavra é tinta viscosa. Dos pés das letras nascem fios que descem, afinam no pescoço, soltam a gota e recolhem, e arrastar de lado inclina a gravidade.

- `drips?: number = 6` — Quantos fios escorrem.
- `ink?: string = "var(--foreground)"` — A tinta. Qualquer cor CSS ou token.
- `speed?: number = 40` — Velocidade da gota.
- `word?: string = "fluxo"` — A palavra que escorre. Curta: é desenhada grande.