Генератор GIF-терминала
Воспроизводит псевдо-терминал и записывает как GIF-анимацию для скачивания.
Предпросмотр
Как использовать
Об этом инструменте
Этот генератор GIF-терминала превращает вывод псевдотерминала в скачиваемый анимированный GIF — без записи экрана. Вставьте или введите команды и вывод, которые хотите показать, просмотрите сеанс и экспортируйте GIF, который можно добавить в README, changelog, статью в блоге или демонстрацию продукта. Он создан для разработчиков и технических писателей, которым нужен лёгкий способ проиллюстрировать рабочие процессы CLI. Поскольку анимация генерируется в браузере из предоставленного вами текста, вы избегаете шумных записей экрана, лишних элементов интерфейса и больших видеофайлов. Инструмент бесплатен и не требует регистрации. Используйте его, когда короткая зацикленная демонстрация терминала передаёт информацию быстрее, чем статичный блок кода.
Как использовать
1. Введите помеченный скрипт в поле (см. список тегов) 2. Нажмите «Воспроизвести» для предпросмотра; «Пауза» и «Сначала» для управления 3. Нажмите «Записать» для записи GIF; по завершении начнётся скачивание Строки с ; в начале — комментарии. Пустые строки выводятся как пустые.
Опции
Список тегов (только в начале строки)
| Тег | Описание | Пример |
|---|---|---|
[prompt] / [prompt:зн] текст | Приглашение. Текст после — ввод как cmd. Значение = приглашение; по умол.: "~ $ " или предыдущее | [prompt:/ $] npm run |
[cmd] / [cmd:мс] значение | Ввод команды. По умол.: 60мс/символ | [cmd] echo hello |
| Без тега | Вывод | Hello World |
[wait] / [wait:мс] | Ожидание | [wait:500] |
[progress] / [progress:мс] метка | Прогресс-бар. мс = время до 100%. По умол. 2000мс | [progress:3000] Installing... |
[spinner] / [spinner:мс] метка | Спиннер. мс = время показа. По умол. 1500мс. Исчезает по завершении | [spinner] Loading |
[clear] | Очистка экрана | [clear] |
[question] / [question:мс]В[answer] / [answer:мс]О | Вопрос + ответ | [question]Name?[answer]Bob |
[color:имя]...[/color] | Цвет текста (только black,red,green,yellow,blue,purple,cyan,gray) | [color:red]error[/color] |
[color:имя:r]...[/color] | Фон (как color) + белый текст | [color:green:r] OK [/color] |
[bold]...[/bold] | Жирный | [bold]bold[/bold] |
; в начале | Комментарий | ; comment |
Примеры использования
• CLI-демо GIF для README и документации • Иллюстрации к туториалам • Примеры использования инструментов • Блоги и презентации
Примеры кода
1[prompt]
2[cmd] echo hello
3Hello World
4[wait:500]1[prompt]
2[cmd] npm install
3[color:green]✓[/color] installed [bold]successfully[/bold]
4[progress:2000]
5Done.Конфиденциальность и данные
Воспроизведение и создание GIF выполняются в браузере; скрипты и GIF на сервер не отправляются.
Частые вопросы
- Q: Что такое GIF терминала?
- A: Анимированный GIF, который выглядит как сеанс терминала, полезен для демонстрации команд CLI в документации без видеоплееров.
- Q: Нужно ли записывать экран?
- A: Нет. Вставьте или введите вывод псевдотерминала и экспортируйте GIF прямо в браузере.
- Q: Для чего можно использовать этот GIF?
- A: Демонстрации в README, статьи в блоге, changelog, документация для онбординга и посты в социальных сетях.
- Q: Это бесплатно?
- A: Да. Регистрация не требуется.
