Herramientas para desarrolladores frontend

Las utilidades que aparecen a cada rato mientras maquetás y programás una interfaz: formatear y convertir datos, generar CSS listo para pegar, IDs y slugs, y escapar HTML. Todo corre en tu navegador, sin subir nada.

Formateador JSON gratisFormateá, indentá y validá JSON al instante en el navegador. Detecta errores de sintaxis y muestra la posición exacta. 100% local. JSON a YAML — Conversor gratisConvertí JSON a YAML legible al instante en el navegador. Útil para configs de Kubernetes, GitHub Actions, Docker Compose. 100% local. Generador de gradientes CSSCreá gradientes CSS lineales, radiales y cónicos con preview en vivo. Copiá el código listo para pegar, soporte de múltiples puntos de color y backgrounds modernos. Generador de box-shadow CSSDiseñá sombras CSS con vista previa en vivo: desplazamiento, desenfoque, expansión, color y sombras internas. Copiá el código box-shadow listo para pegar. 100% gratis. Generador de paletas de coloresGenerá paletas de colores armoniosas en un click. Esquemas análogos, complementarios, triádicos y monocromáticos con códigos HEX, RGB y HSL listos para copiar. Generador de UUIDGenerá UUIDs v4 (y v7) aleatorios, individuales o en lote. Compatible con bases de datos, APIs y testing. Funciona 100% en tu navegador. Codificador Base64Codificá texto a Base64 al instante. Soporte para UTF-8, variante URL-safe y archivos. Funciona 100% en tu navegador, sin enviar datos. Generador de slugs URL gratisConvertí cualquier título en un slug URL limpio: minúsculas, sin tildes, guiones medios y caracteres seguros para SEO. Escapar y desescapar HTML — GratisConvertí caracteres especiales (<, >, &, comillas) a entidades HTML y viceversa. Útil para mostrar código en blogs y prevenir XSS.