Handy Dev Tools
Herramientas online sencillas para tareas cotidianas.

Sin favoritos

    Codificador/decodificador Base64
    Markdown a HTML
    HTML a Markdown
    Codificador/Decodificador URL
    Conversor de escape Unicode
    Codificación/Decodificación Unicode
    Formateador SQL
    Divididor SQL
    Vinculación de parámetros SQL
    Formateador JSON
    Formateador XML
    Formateador YAML
    Formateador GraphQL
    Conversión JSON a YAML
    Conversión YAML a JSON
    Conversión JSON a TOML
    Conversión TOML a JSON
    Codificar/Decodificar entidades HTML
    Conversión TOML a YAML
    Conversión YAML a TOML
    Conversión CSV a SQL INSERT
    Generador de tablas Markdown
    Conversión JSON a XML
    Conversión XML a JSON
    Generador de UUID
    Generador de ULID
    Generador de contraseñas
    Generador de hash
    Generador Lorem Ipsum
    Generador de URLs de imágenes de Lorem Picsum
    Generador de datos de prueba
    Generador de códigos QR
    Parser y conversor de rutas S3
    Calculadora de direcciones IP
    División de subredes
    Consolidación de subredes
    Generador de URLs firmadas CloudFront
    Generador de cadenas de conexión RDS
    Conversor de coordenadas
    Conversor de formatos geo
    Decodificador y parser JWT
    Autenticación Basic
    Analizador de fortaleza de contraseña
    Validador de tarjetas
    PII Mask (ofuscar datos sensibles)
    Generador de par de claves RSA
    Conversión de mayúsculas/minúsculas
    Conversión de romanización
    Conversor de números romanos
    Conversor de código fonético
    Contador de caracteres
    Diff de texto
    Eliminador de etiquetas HTML
    Probador de expresiones regulares
    Conversión de colores
    Lanzamiento de dados
    Generador de Crontab
    Parser de Crontab
    Selector de emojis
    Conversor de marcas de tiempo Unix
    Búsqueda de códigos HTTP
    Búsqueda de puertos
    Búsqueda de tipos MIME
    Conversor Base64 y archivos
    Codificar/Decodificar imagen Base64
    Parser de User-Agent
    Parser de URL
    Comprobador OGP
    Generador de mensajes de commit
    Calculadora Chmod
    Creador de GIF de terminal
    .env Parser & Validator
Ctrl+K

Creador de GIF de terminal

Reproduce pseudo-terminal y graba como animación GIF para descargar.

Script
Vista previa

Cómo usar

Acerca de esta herramienta

Este creador de GIF de terminal convierte la salida de un pseudoterminal en un GIF animado descargable, sin grabar tu pantalla. Pega o escribe los comandos y la salida que quieres mostrar, previsualiza la sesión y exporta un GIF que puedes incluir en un README, un changelog, una entrada de blog o una demo de producto. Está pensado para desarrolladores y redactores técnicos que necesitan una forma ligera de ilustrar flujos de trabajo de CLI. Como la animación se genera en el navegador a partir del texto que proporcionas, evitas grabaciones de pantalla ruidosas, elementos de interfaz innecesarios y archivos de vídeo pesados. La herramienta es gratuita y no requiere registro. Úsala cuando una demo de terminal corta y en bucle comunique más rápido que un bloque de código estático.

Cómo usar

1. Introduzca un script etiquetado (véase lista de etiquetas) 2. Pulse « Reproducir » para previsualizar; « Pausa » y « Desde el inicio » para controlar 3. Pulse « Grabar » para grabar GIF; se descargará al terminar Las líneas que empiezan con ; son comentarios. Las líneas vacías se muestran en blanco.

Opciones

Lista de etiquetas (solo inicio de línea)

EtiquetaDescripciónEjemplo
[prompt] / [prompt:v] textoIndicador. Texto después = entrada como cmd. Valor = indicador; def.: "~ $ " o anterior[prompt:/ $] npm run
[cmd] / [cmd:ms] valorEntrada de comando. Def.: 60ms/car[cmd] echo hello
Sin etiquetaSalidaHello World
[wait] / [wait:ms]Espera[wait:500]
[progress] / [progress:ms] etiquetaBarra de progreso. ms = tiempo hasta 100 %. Def. 2000ms[progress:3000] Installing...
[spinner] / [spinner:ms] etiquetaSpinner. ms = tiempo de visualización. Def. 1500ms. Desaparece al terminar[spinner] Loading
[clear]Borrar pantalla[clear]
[question] / [question:ms]P[answer] / [answer:ms]RPregunta + respuesta[question]Name?[answer]Bob
[color:nombre]...[/color]Color de texto (solo black,red,green,yellow,blue,purple,cyan,gray)[color:red]error[/color]
[color:nombre:r]...[/color]Fondo (como color) + texto blanco[color:green:r] OK [/color]
[bold]...[/bold]Negrita inline[bold]bold[/bold]
; al inicioComentario; comment

Casos de uso

• GIFs de demo CLI para README y documentación • Ilustraciones de tutoriales • Ejemplos de uso de herramientas • Entradas de blog y presentaciones

Ejemplos de código

Ejemplo básico
Read Only
1[prompt]
2[cmd] echo hello
3Hello World
4[wait:500]
Con color, negrita, progreso
Read Only
1[prompt]
2[cmd] npm install
3[color:green]✓[/color] installed [bold]successfully[/bold]
4[progress:2000]
5Done.

Privacidad y datos

La reproducción y la generación GIF se realizan en el navegador; no se envían scripts ni GIF a ningún servidor.

Preguntas frecuentes

Q: ¿Qué es un GIF de terminal?
A: Un GIF animado que parece una sesión de terminal, útil para mostrar comandos de CLI en la documentación sin necesidad de reproductores de vídeo.
Q: ¿Necesito grabar mi pantalla?
A: No. Pega o escribe la salida del pseudoterminal y exporta un GIF directamente en el navegador.
Q: ¿Para qué puedo usar el GIF?
A: Demos en README, entradas de blog, changelogs, documentación de onboarding y publicaciones en redes sociales.
Q: ¿Es gratis?
A: Sí. No se requiere registro.