Abrir herramientas

Herramientas

Elige la tarea.

Busca o elige una colección o una categoría. Cada tarjeta abre la herramienta.

Desarrollo 45

Populares

Vista previa de HTML

Pega HTML/CSS/JS y previsualiza la página al instante: se ejecuta en tu navegador.

Herramientas para desarrolladores En el navegador
Pro

Entorno HTML/CSS/JS

Mini CodePen: tres paneles y una vista previa aislada en vivo.

Herramientas para desarrolladores En el navegador

Vista previa de Markdown

Escribe Markdown y obtén una vista previa HTML limpia: todo en local.

Herramientas para desarrolladores En el navegador

Embellecer / minificar HTML

Da formato legible o minifica HTML en tu navegador.

Herramientas para desarrolladores En el navegador

Embellecer / minificar CSS

Da formato legible o minifica CSS en tu navegador.

Herramientas para desarrolladores En el navegador

Formateador de JSON

Da formato legible o minifica JSON de forma segura en el navegador.

Herramientas para desarrolladores En el navegador

Codificador / decodificador de URL

Codifica o decodifica cadenas de URL (encodeURIComponent y similares).

Herramientas para desarrolladores En el navegador

Base64 y codificación de URL

Codifica o decodifica cadenas Base64 y URL.

Herramientas para desarrolladores En el navegador
Nuevo

Leer un JWT

Descodifica cabecera y contenido. La firma no se comprueba.

Herramientas para desarrolladores En el navegador
Nuevo

Entidades HTML

Codifica o descodifica caracteres HTML. El resultado es texto.

Herramientas para desarrolladores En el navegador
Nuevo

Degradado CSS

Crea un degradado lineal de dos colores y copia el CSS.

CSS & Design En el navegador
Nuevo

Imagen a URL de datos

Convierte una imagen pequeña en una URL de datos. El límite es 2 MB.

Herramientas para desarrolladores En el navegador
Nuevo

Árbol JSON

Muestra un JSON como claves anidadas.

Herramientas para desarrolladores En el navegador
Nuevo

Formateador JavaScript

Indenta llaves o quita espacio. No ejecuta el script.

Herramientas para desarrolladores En el navegador
Nuevo

Sombra CSS

Crea una sombra de caja y copia el CSS.

CSS & Design En el navegador
Nuevo

Radio de esquina CSS

Ajusta los cuatro radios y copia el CSS.

CSS & Design En el navegador
Nuevo

Forma de recorte CSS

Previsualiza un recorte. El archivo no se corta.

CSS & Design En el navegador
Nuevo

Curva cúbica

Previsualiza una curva de tiempo y copia el CSS.

CSS & Design En el navegador
Nuevo

Etiquetas Open Graph

Escribe título, descripción y etiquetas HTTPS para copiar en la cabecera.

Herramientas para desarrolladores En el navegador
Nuevo

Código a imagen

Dibuja hasta 40 líneas como PNG. El código no se ejecuta.

Herramientas para desarrolladores En el navegador
Nuevo

Indicador CSS

Dibuja un indicador giratorio y copia el CSS.

CSS & Design En el navegador
Nuevo

Casilla CSS

Dibuja una casilla y copia el CSS.

CSS & Design En el navegador
Nuevo

Interruptor CSS

Dibuja un interruptor y copia el CSS.

CSS & Design En el navegador
Nuevo

Vidrio CSS

Dibuja un panel esmerilado y copia el CSS.

CSS & Design En el navegador
Nuevo

Texto desplazado CSS

Dibuja un texto desplazado y copia el CSS.

CSS & Design En el navegador
Nuevo

Triángulo CSS

Dibuja un triángulo con bordes CSS.

CSS & Design En el navegador
Nuevo

Marca Unix

Convierte segundos Unix en fecha, o una fecha en segundos Unix.

Herramientas para desarrolladores En el navegador
Nuevo

Patrón de fondo CSS

Crea un patrón de fondo solo con CSS y copia la regla.

CSS & Design En el navegador
Nuevo

Sombra React Native

Genera valores de sombra de React Native con vista previa.

CSS & Design En el navegador
Nuevo

Base64 a imagen

Descodifica una URL de datos o Base64 y descárgala.

Herramientas para desarrolladores En el navegador
Nuevo

Generador de comandos cURL

Crea un comando curl bien entrecomillado (Bash, PowerShell o cmd de Windows) y el código fetch() equivalente para cualquier petición HTTP.

Herramientas para desarrolladores En el navegador
Nuevo

Analizador de User-Agent

Lee cualquier User-Agent: navegador y versión, motor, sistema operativo, tipo de dispositivo y bots o rastreadores conocidos.

Herramientas para desarrolladores En el navegador
Nuevo

Visor del código fuente

Consulta y descarga el HTML sin procesar que devuelve el servidor para cualquier URL pública, con tamaño, número de líneas y todas las cabeceras.

Herramientas para desarrolladores Procesamiento en el servidor
Nuevo

Conversor de datos (JSON, CSV, XML, YAML, TSV, TOML)

Convierte entre JSON, CSV, TSV, XML, YAML, TOML, listas simples y tablas Markdown, con encabezados, detección de tipos y datos anidados aplanados para hojas de cálculo.

Herramientas para desarrolladores En el navegador
Nuevo

Formateador y validador XML / YAML / TOML / SQL

Formatea, minifica o comprueba XML, YAML, TOML y SQL, con la línea y columna exactas del primer error.

Herramientas para desarrolladores En el navegador
Nuevo

Validar email, URL, IP, UUID, MAC y dominio

Comprueba una lista entera: cada línea se detecta o se valida como email, URL, IPv4/IPv6, UUID, dirección MAC o dominio, con el motivo si falla.

Herramientas para desarrolladores En el navegador
Nuevo

Probador de expresiones regulares

Prueba una expresión regular de JavaScript con tu texto: coincidencias resaltadas, posiciones y grupos, además de vista previa de reemplazo y división, con límite de tiempo estricto.

Herramientas para desarrolladores En el navegador
Nuevo

Analizador y limpiador de URL

Divide una URL en partes y parámetros, quita etiquetas de seguimiento (utm_, gclid, fbclid…), resuelve enlaces relativos, ordena parámetros y haz legibles las URL codificadas.

Herramientas para desarrolladores En el navegador
Nuevo

Conversor Unicode (puntos de código, UTF-8/16/32)

Convierte texto en puntos de código Unicode, unidades UTF-8 / UTF-16 / UTF-32 o escapes HTML, CSS, JavaScript y Python, y al revés. Inspecciona categoría y escritura de cada carácter.

Herramientas para desarrolladores En el navegador
Nuevo

Conversor texto ↔ binario / hex

Convierte texto en bytes binarios, hexadecimales, octales o decimales (UTF-8, UTF-16 o Latin-1) y decodifica bytes a texto legible.

Herramientas para desarrolladores En el navegador
Nuevo

Codificador y decodificador Base32 / Base58 / Base85

Codifica texto en Base32 (RFC 4648 y base32hex), Base45 (RFC 9285, usado en códigos QR sanitarios), Base58 (alfabeto Bitcoin) o Ascii85, y decodifícalo.

Herramientas para desarrolladores En el navegador
Nuevo

Conversor Punycode / IDN

Convierte dominios internacionales como münchen.de o مثال.إختبار a su forma xn-- y al revés, también dentro de emails y URL.

Herramientas para desarrolladores En el navegador
Nuevo

Analizador de expresiones cron

Pega una programación cron (5 campos o macros como @daily) y mira qué significa cada campo y las próximas ejecuciones en tu zona horaria.

Herramientas para desarrolladores En el navegador
Nuevo

Generador de expresiones cron

Crea una programación cron con opciones sencillas (cada N minutos, diaria, laborables, semanal, mensual o anual a una hora) y revisa las próximas ejecuciones antes de usarla.

Herramientas para desarrolladores En el navegador
Nuevo

Generador de datos de prueba (JSON, CSV, XML, SQL…)

Genera registros ficticios para pruebas (nombres, emails de ejemplo, teléfonos ficticios, ciudades, fechas, números, UUID, IP, colores) en JSON, CSV, TSV, XML, YAML, NDJSON o INSERT SQL.

Herramientas para desarrolladores En el navegador