Repolode
Enviar
bas3line

bas3line/ascii

Piezas animadas de arte ASCII para React, Next.js, Astro, etiquetas HTML, SVG y la terminal, con 240 piezas listas para usar.

Ver en GitHubSitio web
Estrellas
939
Forks
54
Issues abiertos
5
Último commit
hace 3 días

¿Qué es?

ascii.rest es una biblioteca de TypeScript que dibuja arte ASCII animado en páginas web. Incluye 240 piezas listas para usar, desde efectos de texto, gráficos y spinners hasta formas 3D, simulaciones físicas, escenas y logotipos de lenguajes de programación, distribuciones de Linux y empresas.

Las piezas se pueden usar de varias maneras: como componente de React o Astro, como etiqueta HTML personalizada `<ascii-art>` sin necesidad de un paso de compilación o mediante `mount()` en TypeScript sin frameworks. La API del kit permite crear piezas nuevas a partir de estilos, movimientos y widgets con nombre; además, las mismas piezas se pueden exportar como SVG animado para los README de GitHub o reproducir en una terminal, incluso como pantalla de inicio.

La biblioteca también genera banners de texto animados mediante una interfaz de consulta por URL y puede convertir una imagen subida en una animación ASCII desde el navegador.

Funciones clave

  • 01Piezas listas para usar con escenas, gráficos, spinners, formas 3D, simulaciones físicas y logotipos.
  • 02Componentes para React y Astro, además de una etiqueta HTML `<ascii-art>` sin frameworks.
  • 03Exportación a SVG animado para insertar en los README de GitHub.
  • 04Reproducción en la terminal con una API de pantalla de inicio que solo usa módulos integrados de Node.
  • 05Conversión de imágenes a ASCII que se ejecuta en el navegador.

Casos de uso

  • Añadir un pequeño elemento animado de arte ASCII a un sitio personal minimalista o de documentación.
  • Mostrar un indicador de carga o un banner ASCII al iniciar una herramienta CLI.
  • Colocar un logotipo o banner animado al comienzo de un README de GitHub.
  • Crear piezas de arte ASCII personalizadas con la API del kit para la identidad visual de un proyecto.

Inicio rápido

  1. 1

    Instala el paquete desde npm

    npm install ascii.rest
  2. 2

    Pruébalo en la terminal sin instalarlo

    npx ascii.rest rust
  3. 3

    Usa una parte en un componente de React

Antes de usarlo

  • La mayoría de las piezas más coloridas necesitan color de 24 bits en la terminal; si no, se muestran en un solo color con la opción mono.
  • Algunas funciones, como la herramienta para convertir imágenes a ASCII, dependen del sitio web ascii.rest.

Temas

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

Preguntas frecuentes

¿Qué es ascii?
Piezas animadas de arte ASCII para React, Next.js, Astro, etiquetas HTML, SVG y la terminal, con 240 piezas listas para usar. ascii.rest es una biblioteca de TypeScript que dibuja arte ASCII animado en páginas web. Incluye 240 piezas listas para usar, desde efectos de texto, gráficos y spinners hasta formas 3D, simulaciones físicas, escenas y logotipos de lenguajes de programación, distribuciones de Linux y empresas.
¿ascii es gratuito? ¿Qué licencia tiene?
ascii es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿ascii sigue mantenido?
Mantenimiento activo. El último commit de ascii fue el 17 oct 2026.
¿Para qué puedo usar ascii?
Añadir un pequeño elemento animado de arte ASCII a un sitio personal minimalista o de documentación. Mostrar un indicador de carga o un banner ASCII al iniciar una herramienta CLI. Colocar un logotipo o banner animado al comienzo de un README de GitHub. Crear piezas de arte ASCII personalizadas con la API del kit para la identidad visual de un proyecto.
¿Cómo se instala ascii?
Instala el paquete desde npm: npm install ascii.rest Pruébalo en la terminal sin instalarlo: npx ascii.rest rust Usa una parte en un componente de React
¿Dónde consigo ascii?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/bas3line/ascii

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados