Repolode
Предложить
bas3line

bas3line/ascii

Анимированные ASCII-арт-работы для React, Next.js, Astro, обычной HTML-разметки, SVG и терминала — 240 готовых вариантов.

Открыть на GitHubСайт
Звёзды
939
Форки
54
Открытые issues
5
Последний коммит
3 дня назад

Что это?

ascii.rest — библиотека на TypeScript для отображения анимированного ASCII-арта на веб-страницах. В неё входит 240 готовых работ: текстовые эффекты, графики и спиннеры, а также 3D-фигуры, физические симуляции, сцены и логотипы языков программирования, дистрибутивов Linux и компаний.

Работы можно использовать несколькими способами: как компонент React или Astro, как пользовательский HTML-тег `<ascii-art>` без этапа сборки или через `mount()` в обычном TypeScript. Kit API позволяет создавать новые работы из именованных стилей, анимаций и виджетов. Их также можно экспортировать в виде анимированного SVG для GitHub README или воспроизводить в терминале, в том числе как заставку при запуске.

Библиотека также генерирует анимированные текстовые баннеры через URL-интерфейс с query-параметрами и преобразует загруженное изображение в ASCII-анимацию прямо в браузере.

Ключевые возможности

  • 01Готовые работы: сцены, графики, спиннеры, 3D-фигуры, физические симуляции и логотипы.
  • 02Компоненты React и Astro, а также обычный HTML-тег `<ascii-art>`.
  • 03Экспорт анимированного SVG для встраивания в GitHub README.
  • 04Воспроизведение в терминале через API заставки, использующий только встроенные модули Node.js.
  • 05Преобразование изображений в ASCII-анимацию в браузере.

Сценарии использования

  • Добавить небольшой анимированный элемент ASCII-арта на минималистичный личный сайт или сайт с документацией.
  • Показать загрузчик или ASCII-баннер при запуске CLI-инструмента.
  • Разместить анимированный логотип или баннер в начале GitHub README.
  • Создавать собственные работы ASCII-арта с помощью Kit API для фирменного оформления проекта.

Быстрый старт

  1. 1

    Установите пакет из npm

    npm install ascii.rest
  2. 2

    Попробуйте его в терминале без установки

    npx ascii.rest rust
  3. 3

    Используйте часть возможностей в компоненте React

Что важно знать

  • Для большинства ярких элементов в терминале нужна 24-битная цветопередача. Если она недоступна, используйте опцию mono для отображения одним цветом.
  • Некоторые функции, например инструмент преобразования изображений в ASCII, зависят от сайта ascii.rest.

Темы

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

Частые вопросы

Что такое ascii?
Анимированные ASCII-арт-работы для React, Next.js, Astro, обычной HTML-разметки, SVG и терминала — 240 готовых вариантов. ascii.rest — библиотека на TypeScript для отображения анимированного ASCII-арта на веб-страницах. В неё входит 240 готовых работ: текстовые эффекты, графики и спиннеры, а также 3D-фигуры, физические симуляции, сцены и логотипы языков программирования, дистрибутивов Linux и компаний.
ascii можно использовать бесплатно? Какая у него лицензия?
ascii распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
ascii всё ещё поддерживается?
Активно поддерживается. Последний коммит в ascii — 17 окт. 2026 г..
Для чего можно использовать ascii?
Добавить небольшой анимированный элемент ASCII-арта на минималистичный личный сайт или сайт с документацией. Показать загрузчик или ASCII-баннер при запуске CLI-инструмента. Разместить анимированный логотип или баннер в начале GitHub README. Создавать собственные работы ASCII-арта с помощью Kit API для фирменного оформления проекта.
Как установить ascii?
Установите пакет из npm: npm install ascii.rest Попробуйте его в терминале без установки: npx ascii.rest rust Используйте часть возможностей в компоненте React
Где скачать ascii?
Исходный код и инструкции по установке — на GitHub: https://github.com/bas3line/ascii

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты