Repolode
Enviar
bas3line

bas3line/ascii

Peças animadas de arte ASCII para React, Next.js, Astro, tags HTML comuns, SVG e terminal, com 240 opções prontas.

Ver no GitHubSite
Estrelas
939
Forks
54
Issues abertas
5
Último commit
há 3 dias

O que é?

ascii.rest é uma biblioteca TypeScript que desenha arte ASCII animada em páginas da web. Ela vem com 240 peças prontas, de efeitos de texto, gráficos e spinners a formas 3D, simulações de física, cenas e logos de linguagens de programação, distribuições Linux e empresas.

As peças podem ser usadas de várias formas: como componente React ou Astro, como uma tag HTML personalizada `<ascii-art>`, sem etapa de build, ou por meio de `mount()` em TypeScript puro. Uma API kit cria novas peças combinando visuais, movimentos e widgets nomeados, e as mesmas peças podem ser exportadas como SVG animado para READMEs do GitHub ou exibidas no terminal, inclusive como tela de abertura.

A biblioteca também gera banners de texto animados por meio de uma interface de consulta via URL e pode converter uma imagem enviada em uma animação ASCII no navegador.

Recursos principais

  • 01Peças prontas com cenas, gráficos, spinners, formas 3D, física e logos.
  • 02Componentes React e Astro, além de uma tag HTML simples `<ascii-art>`.
  • 03Exportação em SVG animado para incorporar em READMEs do GitHub.
  • 04Exibição no terminal com uma API de tela de abertura que usa apenas módulos nativos do Node.
  • 05Conversão de imagem para ASCII executada no navegador.

Casos de uso

  • Adicionar um pequeno elemento ASCII animado a um site minimalista pessoal ou de documentação.
  • Exibir um loader ou banner ASCII na saída de inicialização de uma ferramenta CLI.
  • Colocar um logo ou banner animado no início de um README do GitHub.
  • Criar peças de arte ASCII personalizadas com a API kit para a identidade visual de um projeto.

Início rápido

  1. 1

    Instale o pacote pelo npm

    npm install ascii.rest
  2. 2

    Experimente no terminal sem instalar

    npx ascii.rest rust
  3. 3

    Use uma parte em um componente React

Antes de usar

  • A maioria dos elementos mais coloridos precisa de cores de 24 bits no terminal; caso contrário, é exibida em uma única cor com a opção mono.
  • Alguns recursos, como a ferramenta de conversão de imagem para ASCII, dependem do site ascii.rest.

Tópicos

#ascii-art#animation#react#nextjs#astro#web-components#typescript#ascii

Perguntas frequentes

O que é ascii?
Peças animadas de arte ASCII para React, Next.js, Astro, tags HTML comuns, SVG e terminal, com 240 opções prontas. ascii.rest é uma biblioteca TypeScript que desenha arte ASCII animada em páginas da web. Ela vem com 240 peças prontas, de efeitos de texto, gráficos e spinners a formas 3D, simulações de física, cenas e logos de linguagens de programação, distribuições Linux e empresas.
ascii é gratuito? Qual é a licença?
ascii é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
ascii ainda é mantido?
Manutenção ativa. O último commit de ascii foi em 17 de out. de 2026.
Para que posso usar ascii?
Adicionar um pequeno elemento ASCII animado a um site minimalista pessoal ou de documentação. Exibir um loader ou banner ASCII na saída de inicialização de uma ferramenta CLI. Colocar um logo ou banner animado no início de um README do GitHub. Criar peças de arte ASCII personalizadas com a API kit para a identidade visual de um projeto.
Como instalar ascii?
Instale o pacote pelo npm: npm install ascii.rest Experimente no terminal sem instalar: npx ascii.rest rust Use uma parte em um componente React
Onde consigo ascii?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/bas3line/ascii

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados