Herramientas de código y desarrollo

Formatea, minifica, convierte e inspecciona código, todo en local.

100% en tu navegador Gratis para siempre Sin registro

Esta es la categoría más grande del sitio: formateadores y minificadores, convertidores entre JSON, YAML, XML, CSV y TOML, generadores que convierten una muestra JSON en modelos tipados para TypeScript, Python, Go, Rust, PHP y más, comprobadores de regex y cron, visores de diferencias y codificadores. El hilo común es que todos se ejecutan íntegramente en la página. No es una frase de marketing: es la razón por la que puedes pegar sin miedo una respuesta real de API, una configuración de staging o una consulta de producción en cualquiera de ellos.

Herramientas de esta categoría

109
Formateador y validador de JSON Pega tu JSON para embellecerlo con la sangría que prefieras, validar la sintaxis con la ubicación exacta de los errores o minificarlo a una sola línea. Minificador de CSS Comprime tus hojas de estilo eliminando comentarios, espacios y sintaxis redundante. Ve el ahorro exacto de tamaño antes y después. Minificador de HTML Reduce tu HTML eliminando comentarios y colapsando espacios — mejora la velocidad de tu página sin pasar por ningún servidor. Minificador de JavaScript Comprime JavaScript eliminando comentarios y espacios en blanco. Tu código se procesa localmente y nunca se sube a ninguna parte. Formateador de SQL Convierte consultas desordenadas de una línea en SQL limpio y legible con sangría correcta. Compatible con MySQL, PostgreSQL, SQLite, T-SQL y MariaDB. Probador de expresiones regulares Escribe un patrón, pega el texto de prueba y observa las coincidencias resaltadas en vivo — con grupos de captura, flags y una referencia rápida de sintaxis. Generador de meta tags Rellena los datos de tu página y obtén las meta tags HTML completas y listas para pegar — SEO básico, Open Graph y Twitter Cards, con vista previa en vivo. Generador de UUID / GUID Genera uno o cientos de identificadores UUID v4 según RFC 4122 con opciones de formato. Usa la criptografía nativa de tu navegador — instantáneo y funciona sin conexión. Decodificador de JWT Pega un JSON Web Token para inspeccionar su header y payload, comprobar la expiración con fechas legibles y verificar su estructura — todo en tu equipo. Comparar textos Pega dos versiones de un texto y ve al instante cada línea añadida, eliminada o modificada. Perfecto para revisar código, contratos y contenidos. Generador de degradados CSS Diseña degradados lineales, radiales y cónicos con paradas de color arrastrables y vista previa en vivo — y copia CSS limpio y listo para usar. Generador de expresiones cron Compón horarios cron y entiende los existentes en palabras claras. Embellecedor de código Des-minifica y re-indenta HTML, CSS y JavaScript con un clic. JSON a interfaces TypeScript Genera interfaces TypeScript limpias desde cualquier JSON. Convertidor de HTML a JSX Convierte cualquier HTML en JSX válido para React al instante. Buscador de rutas JSON (JSON Path) Haz clic en cualquier valor y copia su ruta exacta. Generador de .gitignore Reglas listas para cada lenguaje y sistema — combínalas libremente. Generador de robots.txt Compón reglas allow/disallow y obtén un robots.txt válido. Vista previa Open Graph Mira tu enlace exactamente como lo mostrarán las redes sociales. Comparador de JSON (diff) Comparación estructural de JSON — mira exactamente qué cambió. Formateador y validador de XML Embellece y comprueba la sintaxis de XML al instante. Generador de JWT (HS256) Crea y firma JWT de prueba localmente — sin exponer secretos. Generador de slugs para URL Slugs limpios y SEO-friendly desde cualquier titular. Editor Markdown con vista previa Escribe Markdown a la izquierda y ve el HTML a la derecha. Escapar / des-escapar cadenas Escapa strings con seguridad para JSON, HTML, SQL y más. Codificador de entidades HTML Codifica caracteres especiales como entidades HTML — o decodifícalos. Generador de box-shadow Crea la sombra CSS perfecta con controles y vista previa. Playground de CSS Flexbox Ajusta propiedades flexbox visualmente y copia el CSS. Generador de CSS Grid Diseña rejillas visualmente — obtén CSS limpio al instante. Referencia de códigos de estado HTTP Qué significa cada código — y cómo solucionarlo. Analizador de URL Mira y edita cada componente de una URL. Explicador de Regex Desglose token por token de cualquier regex. Convertidor de JSON a Struct de Go Structs de Go con etiquetas json desde cualquier JSON. Convertidor de cURL a Código De comandos cURL a fetch, Python, Node o PHP. Generador de package.json Un package.json limpio desde un formulario. Generador de Datos Mock para API Registros JSON falsos pero realistas para pruebas. Convertidor de PX a EM / REM Valores en píxeles a em, rem y % desde cualquier base. Probador de Teclado Online Pulsa una tecla — mira código, key y modificadores. Generador de JSON Schema Infiere un JSON Schema completo desde datos de ejemplo. Generador de Datos de Prueba Filas falsas pero realistas, en JSON o CSV. Generador de Banner de Cookies Snippet RGPD — HTML, CSS y JS en una copia. Generador de Tablas Markdown Cuadrícula visual dentro, tabla Markdown perfecta fuera. Convertidor de CSS a Tailwind Mapea reglas CSS a clases utilitarias de Tailwind. Generador y Validador de .env Escribe, valida y descarga archivos .env limpios. Generador de Workflows de GitHub Actions YAML de CI para tu stack en un clic. Generador de Mensajes de Commit feat, fix, chore — commits bien formados siempre. Convertir TypeScript a Zod Interfaces TS a esquemas Zod al instante. Generador de Documentación de API Convierte endpoints en docs Markdown limpias. Generador de Imágenes de Código Capturas de código elegantes en PNG. Constructor Visual de Consultas SQL Crea consultas SQL de forma visual. Calculadora de Versiones SemVer Compara versiones y prueba rangos npm. Calculadora de Especificidad CSS ¿Qué selector gana? Puntuación (a,b,c). Generador de Makefile Makefiles listos con targets comunes. Probador de WebSocket Online Conecta, envía e inspecciona mensajes WS. Ejecutar Codemod en el Código Transforma código en lote con reglas y previsualiza el diff Convertir SQL a NoSQL Traduce SELECT/INSERT/UPDATE/DELETE a MongoDB o DynamoDB Probar Consultas GraphQL Formatea, valida e inspecciona GraphQL sin servidor Analizador de Dependencias Audita dependencias, rangos y riesgos de package.json en segundos Generador de Cabecera Set-Cookie Construye una cabecera Set-Cookie segura con todos los atributos, más código JS y Express. Generador de .editorconfig Crea un .editorconfig que mantiene indentación y finales de línea consistentes en todos los editores. Generador de tsconfig.json Genera un tsconfig.json moderno y estricto con la resolución de módulos correcta para tu proyecto. Generador de Configuración Prettier Arma tu .prettierrc.json ideal con clics — cada opción explicada y salida en vivo. Generador de Configuración ESLint Genera un flat config moderno de ESLint para TypeScript, React o Vue, con comando de instalación. Generador de Configuración Vite Genera un vite.config.ts con el plugin, proxy y alias correctos para tu framework. Generador de Configuración Webpack Genera un webpack.config.js funcional con loaders, dev server y salida con cache-busting. Generador de Configuración Tailwind Genera un tailwind.config.js con tus colores de marca, fuentes, modo oscuro y plugins. Generador de Manifest PWA Genera un web app manifest completo con iconos y etiquetas HTML — haz tu sitio instalable. Generador de Pipeline GitLab CI Genera un .gitlab-ci.yml funcional con etapas, caché de dependencias y artefactos de build. Generador de Licencias Open Source Genera un archivo LICENSE listo para commit — MIT, ISC, BSD, Apache, GPL o Unlicense. Generador de Config para IDE con IA Genera CLAUDE.md, .cursorrules o instrucciones de Copilot para que tu asistente de IA siga tus reglas. Generador de Config de Servidor MCP Genera el JSON MCP correcto para Claude, VS Code o Cursor — wrapper y ruta correctos. Constructor de Comandos curl Compón comandos curl completos con headers, autenticación y cuerpo — sin adivinar la sintaxis. Generador de Comandos Git Obtén los comandos Git correctos para deshacer, hacer squash, ramificar y etiquetar — con seguridad. Conversor npm / yarn / pnpm / bun Ve el comando equivalente en los cuatro gestores de paquetes a la vez. Generador de Scripts Bash Empieza desde una plantilla Bash probada — modo estricto, argumentos, reintentos y más. Formateador Bash Re-indenta scripts shell desordenados con estructura de bloques consistente y legible. Generador de README para GitHub Estructura un README profesional con badges, índice y pasos de instalación por stack. Generador de Badges para README Crea badges personalizados de shields.io y obtén badges de GitHub listos en Markdown. Generador de Índice Markdown Pega Markdown y obtén un índice con enlaces compatible con GitHub al instante. Generador de Changelog Convierte tus notas de versión en una entrada limpia de Keep a Changelog. Generador de Conventional Commits Compón un mensaje Conventional Commit válido con tipo, alcance y pies. Generador de Componentes React Estructura componentes React tipados, hooks, contextos y formularios en un clic. Generador de SQL CREATE TABLE Define columnas una vez, obtén DDL CREATE TABLE correcto para cuatro dialectos SQL. Generador de SQL INSERT Pega datos CSV y obtén sentencias INSERT correctamente entrecomilladas. Convertir JSON a SQL Genera INSERT + CREATE TABLE desde datos JSON JSON a Tabla HTML Convierte un array JSON en marcado de tabla HTML limpio JSON a Objeto JavaScript Convierte JSON en un objeto JS idiomático JSON Stringify / Escapar Texto Escapa texto como cadena JSON — y al revés Convertir CSV a SQL Genera sentencias INSERT desde datos CSV CSV a Tabla HTML Renderiza datos CSV como marcado de tabla HTML limpio Probar XPath Ejecuta consultas XPath sobre XML al instante Linter dotenv Detecta errores del .env antes de que rompan tu deploy Convertidor de JSON a C# Convierte JSON en clases de C# con un clic Convertidor de JSON a Java Convierte JSON en clases de Java con un clic Convertidor de JSON a Kotlin Convierte JSON en data classes de Kotlin con un clic Convertidor de JSON a Swift Convierte JSON en structs de Swift con un clic Convertidor de JSON a Rust Convierte JSON en structs de Rust con un clic Convertidor de JSON a Dart Convierte JSON en clases de Dart con un clic Convertidor de JSON a Python Convierte JSON en data classes de Python con un clic Convertidor de JSON a Pydantic Convierte JSON en modelos de Pydantic con un clic Convertidor de JSON a PHP Convierte JSON en clases de PHP con un clic Convertidor de JSON a Zod Convierte JSON en esquemas de Zod con un clic Convertidor de JSON a GraphQL Convierte JSON en esquemas de GraphQL con un clic Convertidor de JSON a Protobuf Convierte JSON en esquemas de Protobuf con un clic Generador de Esquema Mongoose desde JSON Infiiere un esquema Mongoose listo para usar desde JSON Generador de Esquema Prisma desde JSON Convierte JSON de ejemplo en un modelo Prisma con un clic Visor JSON Explora cualquier JSON como un árbol legible Validador de JSON Schema Comprueba cualquier JSON contra su esquema con Ajv Convertidor de NDJSON a JSON Convierte JSON Lines en un array JSON, y al revés

Sobre estas herramientas

Por qué el procesado local es lo importante para quien programa

Los fragmentos que más se quieren formatear son también los más sensibles: una respuesta con datos de clientes, una configuración con cadenas de conexión, un token pegado mientras se depura. Cualquier herramienta online que envíe tu entrada a un servidor deja ese texto en los registros de otra persona. Aquí la carga se queda en la pestaña, lo que significa que puedes usar estas herramientas con datos reales en lugar de tener que anonimizarlos primero.

Formatear, minificar y validar

Un formateador reimprime tu código con una estructura coherente, y esa reimpresión es además la comprobación de sintaxis más rápida que existe: si no se formatea, no se parsea. Un minificador va en la dirección contraria y elimina todo lo que una máquina no necesita, que es lo que quieres para cualquier cosa que viaje por la red. Los validadores van un paso más allá y te dicen dónde se rompe la estructura, no solo que está rota.

Generar tipos desde una muestra JSON

Escribir a mano una interfaz para una respuesta de API grande es tedioso y fácil de equivocar de forma sutil: un campo opcional declarado como obligatorio es un error en tiempo de ejecución esperando la única carga que lo omite. Dale al generador una muestra representativa e inferirá la forma para producir la interfaz de TypeScript, la dataclass de Python, el modelo Pydantic, la struct de Go, el tipo de Rust, el esquema Zod o el modelo Prisma equivalente.

Ver otras categorías