Handy Dev Tools
Простые онлайн-инструменты для повседневных задач.

Нет избранного

    Кодировщик/декодировщик Base64
    Markdown в HTML
    HTML в Markdown
    URL Кодирование/Декодирование
    Конвертер Unicode Escape
    Unicode Кодирование/Декодирование
    Форматировщик SQL
    Разделитель SQL
    Привязка параметров SQL
    Форматировщик JSON
    Форматировщик XML
    Форматировщик YAML
    Форматировщик GraphQL
    Преобразование JSON в YAML
    Преобразование YAML в JSON
    Преобразование JSON в TOML
    Преобразование TOML в JSON
    Кодирование/Декодирование HTML-сущностей
    Преобразование TOML в YAML
    Преобразование YAML в TOML
    Преобразование CSV в SQL INSERT
    Генератор Markdown-таблиц
    Преобразование JSON в XML
    Преобразование XML в JSON
    Генератор UUID
    Генератор ULID
    Генератор паролей
    Генератор хешей
    Генератор Lorem Ipsum
    Генератор URL-адресов изображений Lorem Picsum
    Генератор тестовых данных
    Генератор QR-кодов
    Парсер и конвертер S3 путей
    Калькулятор IP-адресов
    Разделение подсети
    Объединение подсетей
    Генератор подписанных URL CloudFront
    Генератор строк подключения RDS
    Конвертер координат
    Конвертер форматов геоданных
    Декодер и парсер JWT
    Basic аутентификация
    Анализатор надёжности пароля
    Валидатор банковских карт
    PII Mask (обезличивание данных)
    Генератор пары ключей RSA
    Преобразование регистра
    Преобразование ромадзи
    Конвертер римских цифр
    Конвертер фонетического кода
    Подсчёт символов
    Текстовый Diff
    Удаление HTML-тегов
    Тестер регулярных выражений
    Преобразование цветов
    Бросок костей
    Генератор Crontab
    Парсер Crontab
    Выбор эмодзи
    Конвертер Unix Timestamp
    Поиск HTTP статус-кодов
    Поиск портов
    Поиск MIME-типов
    Конвертер Base64 и файлов
    Изображение Base64 кодирование/декодирование
    Парсер User-Agent
    Парсер URL
    Проверка OGP
    Генератор сообщений коммитов
    Калькулятор chmod
    Генератор GIF-терминала
    .env Parser & Validator
Ctrl+K

Генератор 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 и документации • Иллюстрации к туториалам • Примеры использования инструментов • Блоги и презентации

Примеры кода

Базовый пример
Read Only
1[prompt]
2[cmd] echo hello
3Hello World
4[wait:500]
С цветом, жирным, прогрессом
Read Only
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: Да. Регистрация не требуется.