Un kit. Todas las herramientas. Cero subidas.
Formatea JSON, decodifica JWT, crea CSS fluido o dibuja diagramas. Todo se procesa en tu navegador: lo que pegas nunca se envía a un servidor y se queda en tu equipo.
Privada por diseño
Ningún servidor procesa lo que escribes. Se envían 0 bytes de lo que pegas.
Funciona sin conexión
Una vez cargada la página, la herramienta sigue funcionando sin internet.
Va al grano
Una herramienta, una página y resultados en vivo mientras escribes. Aprendes una, sabes usarlas todas.
Pega lo que sea
Ctrl VReconocemos lo que pegas y abrimos la herramienta adecuada. Nunca sale de tu navegador.
Todas las herramientas
Cada entrada es una herramienta concreta con el nombre que buscarías.
- Formatear JSONFormatea, minifica y valida JSON con todos los errores marcados.
- JSON a TypeScriptGenera interfaces o types de TypeScript a partir de un JSON de ejemplo.
- JSON a ZodGenera un esquema de validación Zod listo para usar a partir de un JSON.
- JSON a MockGenera registros falsos pero realistas con la estructura de tu JSON.
- Comparar JSONCompara dos JSON y muestra las diferencias por ruta.
- JSON ↔ YAMLConvierte JSON a YAML y al revés, marcando errores de indentación.
- JSON ↔ CSVConvierte un array JSON a CSV para Excel y al revés, aplanando objetos anidados.
- Decodificador JWTDecodifica un JWT, comprueba su caducidad y verifica la firma.
- Generador JWTCrea y firma JWT de prueba con HS256, RS256, ES256 y más.
- Parámetros URLDesglosa una URL en una tabla clave/valor decodificada y reconstrúyela.
- Base64Codifica y decodifica Base64 y Base64URL, de texto y archivos.
- URL EncodeCodifica y decodifica texto para URLs: encodeURIComponent frente a encodeURI.
- Entidades HTMLConvierte caracteres especiales a entidades HTML (&, <, é) y al revés.
- UnicodeMuestra el código Unicode, los escapes y los bytes UTF-8 de cada carácter.
- Hex ↔ BinarioConvierte números y texto entre hexadecimal, binario, octal y decimal.
- PunycodeConvierte dominios con tildes, ñ o caracteres no latinos a xn-- y al revés.
- GzipComprime o descomprime texto con gzip/deflate, en Base64.
- HashMD5, SHA-1, SHA-256, SHA-384 y SHA-512 de un texto o archivo a la vez.
- HMACCalcula y verifica firmas HMAC, por ejemplo de webhooks de Stripe o GitHub.
- UUIDGenera UUID v4 y v7 en lote, y valida o identifica un UUID.
- BcryptGenera el hash bcrypt de una contraseña y comprueba una contraseña contra un hash.
- Generador de contraseñasContraseñas seguras y secretos aleatorios para .env, con su entropía.
- Claves RSA/ECGenera pares de claves RSA o de curva elíptica y convierte PEM ↔ JWK.
- Certificados X.509Decodifica un certificado PEM: emisor, dominios SAN, validez y huella.
- Nombre del grupo (opcional)Construye expresiones regulares arrastrando bloques en lenguaje natural.
- Regex TesterPrueba una regex con muchos textos, con coincidencias, grupos y explicación.
- Regex comunesPatrones listos y explicados: email, URL, DNI/NIE, IBAN, teléfono…
- TimestampConvierte epoch Unix (s, ms) a ISO 8601 y a fecha legible, y al revés.
- Zonas horariasMira una fecha y hora en varias zonas horarias a la vez, para reuniones.
- Diferencia de fechasTiempo entre dos fechas (días, horas, días laborables) y sumar o restar a una fecha.
- CronExplica una expresión cron en lenguaje natural y muestra sus próximas ejecuciones.
- cURL → fetchConvierte un comando cURL (Copiar como cURL) a fetch, axios o HttpClient de Angular.
- Códigos HTTPChuleta buscable de todos los códigos de estado HTTP y cuándo usarlos.
- Cabeceras HTTPExplica las cabeceras de una respuesta y avisa de las de seguridad que faltan (CSP, HSTS…).
- Meta tagsPrevisualiza tu página en Google, LinkedIn, X y WhatsApp y obtén las meta etiquetas.
- User-AgentDesglosa un User-Agent en navegador, motor, sistema y dispositivo. Muestra el tuyo.
- SemverComprueba si una versión cumple un rango (^, ~, >=…) y ordena versiones.
- Formatear SQLFormatea consultas SQL ilegibles o compáctalas en una línea.
- SQL → Diagrama ERDibuja el diagrama entidad-relación de tus sentencias CREATE TABLE.
- OpenAPI ViewerConvierte un OpenAPI/Swagger en documentación navegable, con los errores marcados.
- Validar JSON SchemaValida un JSON contra un JSON Schema y mira exactamente qué campo falla.
- XML ↔ JSONConvierte XML a JSON y al revés, conservando atributos. Para APIs SOAP y B2B.
- Formatear XMLFormatea, minifica y valida XML, marcando dónde está el error.
- docker run → ComposeConvierte comandos docker run en un docker-compose.yml.
- Calculadora CIDRMáscara, primera y última IP, hosts y pertenencia de una subred.
- Calculadora chmodMarca los permisos y obtén 755 / rwxr-xr-x, o al revés.
- .env ↔ JSONConvierte ficheros .env a JSON y al revés, detectando claves duplicadas y comillas mal puestas.
- Editor MarkdownEscribe Markdown con vista previa en vivo estilo GitHub, diagramas Mermaid y exportación a HTML.
- NombreConvierte HTML en JSX válido para React: className, estilos como objeto, etiquetas autocerradas.
- Conversor de mayúsculasConvierte identificadores entre camelCase, snake_case, kebab-case, PascalCase y más.
- Comparar textosCompara dos textos o fragmentos de código lado a lado, con los cambios resaltados por línea y palabra.
- Probar tecladoPulsa cualquier tecla y mira event.key, event.code, keyCode y modificadores.
- Generador clamp() CSSTamaños de letra fluidos con clamp(), mezclando rem y vw.
- Escala tipográfica fluidaGenera una escala tipográfica fluida con clamp(), como variables CSS o tema de Tailwind.
- NombreConvierte colores entre HEX, RGB, HSL, OKLCH y nombres CSS.
- NombreGenera una paleta 50–950 al estilo Tailwind a partir de un color.
- Comprobar contrasteComprueba el contraste WCAG entre texto y fondo, con el ajuste para cumplir.
- Generador de box-shadowDiseña sombras CSS por capas de forma visual y copia el CSS.
- Generador de gradientes CSSCrea gradientes lineales, radiales y cónicos con varios puntos de color.
- Editor cubic-bezierDiseña curvas de animación CSS arrastrando los puntos y previsualiza la animación.
- px ↔ remConvierte entre px, rem y em, un valor o un bloque CSS entero.
- Optimizar SVGLimpia y reduce SVGs con SVGO, con vista previa antes/después y el ahorro.
- ComponenteConvierte un SVG en un componente de icono React/TSX con size y currentColor.
- Nombre de la appGenera favicon.ico, iconos de Apple y PWA, el manifest y las etiquetas a partir de una imagen.
- Convertir a WebPConvierte imágenes a WebP o AVIF con calidad ajustable y compara el tamaño.
- Generador de códigos QRCrea códigos QR de texto, URL, WiFi o contacto, con colores y logo.
Hecha por un desarrollador web, para desarrolladores web
kitforweb es un proyecto personal gratuito y de código abierto, sin anuncios ni rastreadores. Si te ahorra tiempo, puedes invitarme a un café para mantenerlo.