# Dotmatrix

By **zzzzshawn** · Software & Tools

Uma biblioteca de animações de carregamento reutilizáveis no estilo dotmatrix para React e Next.js, instalável pelo registro do shadcn ou copiando o código-fonte direto da documentação.

- Source: https://dotmatrix.zzzzshawn.cloud/
- Repository: https://github.com/zzzzshawn/matrix
- Install: `npm i matrix`
- Tags: open-source, react, typescript, tailwind, shadcn, ui-components, loaders, animations
- Pricing: free
- Upvotes: 0

## Features

- Animações de carregamento reutilizáveis no estilo dotmatrix para React e Next.js
- Instale via um registro no estilo shadcn ou copie a partir da documentação
- Único app Next.js que serve tanto a documentação quanto os componentes
- Registro construído (`registry.json` e `public/r/`) para distribuição
- Galeria de documentação ao vivo
- Publicável no diretório de registros do shadcn

---

Dotmatrix é uma biblioteca de animações de carregamento reutilizáveis no estilo dotmatrix para React e Next.js. Ela oferece dois caminhos de uso: instalar por um registro no estilo shadcn (o caminho principal) ou copiar o código-fonte diretamente da documentação. O projeto é um único app Next.js onde os componentes de loader ficam junto com um registro já construído (`registry.json` e `public/r/`), portanto o mesmo código-base serve tanto para a galeria de documentação quanto para os componentes instaláveis. Um site de documentação ao vivo está hospedado em dotmatrix.zzzzshawn.cloud, e o registro pode ser publicado com uma homepage configurável e listado no diretório oficial de registros do shadcn.

## FAQ

### O que é Dotmatrix?

Uma biblioteca de animações de carregamento reutilizáveis no estilo dotmatrix para React e Next.js, instalável via um registro no estilo shadcn ou copiando o código-fonte da documentação.

### Como adiciono um loader?

Instale pelo registro do shadcn (o caminho principal), ou copie o código-fonte do componente diretamente da documentação.

### Onde fica a documentação?

A galeria de documentação ao vivo está hospedada em dotmatrix.zzzzshawn.cloud.

---
[View on Analog](https://analoghq.ai/pt-br/zzzzshawn/software-tools/dotmatrix)