DevToolGridDevToolGridbrowser utility grid

Catálogo de utilidades dev diarias

Herramientas para desarrolladores online para JSON, Regex, JWT, Base64, Cron, UUID y Hash.

28 herramientas en el navegador en 6 grupos: formato de datos, tokens, generadores, utilidades web, depuración de requests y texto.

28

herramientas

6

grupos

1

clic a una herramienta

/tools/json-formatter
JSON
Regex
Base64
JWT
Cron
JSON validator valid
{
  "suite": "DevToolGrid",
  "tools": 28,
  "groups": 6,
  "mode": "browser-first"
}

Data

JSON, YAML, SQL

Security

JWT, Hash, Password

Generators

UUID, QR, Mock data

Web

URL, HTML, MIME

Request

Headers, UA, URL parse

Text & Design

Regex, Case, Color

Mapa de escenarios

Un catálogo de dev tools para formatear, validar, decodificar y depurar.

Este bloque conecta tareas reales con el grupo de herramientas correcto para volver rápido al flujo de trabajo.

28

herramientas

de JSON a contador de palabras

6

grupos

por escenario de trabajo

1

clics

hasta la página correcta

De tarea a grupo
6 groups
API responseJSON / YAML / SQL
Auth issueJWT / Hash / Password
Request debugURL / Headers / UA
Frontend textRegex / Case / Color

Data formatting tools

7

Formatear, validar y convertir datos estructurados, CSV y JSON paths.

Security & JWT tools

4

Tokens, firmas, hashes y secretos temporales.

Generator tools

4

Valores rápidos para tests, mocks, QR y schedules.

Web encoding tools

4

Encoding, referencias y tipos de datos para interfaces web.

Request debugging tools

3

Diagnóstico de URLs, headers y contexto del navegador.

Text & design tools

6

Trabajo con strings, regex, Base64, case, palabras y colores.

Herramientas online populares para desarrolladores

Cada tarjeta explica el objetivo. La interfaz funcional se abre en su propia página.

Datos

Formateador/validador JSON

Formatea, minimiza y valida JSON sin pasos extra.

format --json

{ valid: true }

Abrir
Texto

Probador Regex

Prueba expresiones regulares, flags y resultados encontrados.

match --regex

/dev\w*/gi

Abrir
Codificación

Base64 encode/decode

Codifica texto a Base64 y lo decodifica a formato legible.

base64 --decode

SGVsbG8=

Abrir
Seguridad

Decodificador JWT

Analiza el header y payload de un token sin validar el secreto.

jwt --decode

header.payload.sig

Abrir
Programación

Generador Cron

Construye expresiones cron desde presets y campos manuales.

cron --preset

0 9 * * 1

Abrir
Texto

Comparador Diff

Compara dos textos línea por línea y resalta cambios.

diff --lines

+ changed line

Abrir
Generadores

Generador UUID

Genera valores UUID v4 para tests, claves y mocks.

uuid --v4

crypto.randomUUID()

Abrir
Seguridad

Generador Hash

Calcula SHA-1, SHA-256, SHA-384 y SHA-512 para texto.

hash --sha256

digest.hex()

Abrir
Codificación

URL encoder/decoder

Codifica y decodifica URLs, query params y enlaces redirect.

url --encode

q=dev%20tools

Abrir
Request

Parser de URL

Divide una URL en protocolo, host, path, query params y hash.

url --parse

host + query params

Abrir
Fecha y hora

Convertidor Timestamp

Convierte Unix timestamps a fechas y viceversa con hora local.

time --unix

1717243200

Abrir
Datos

Convertidor JSON ↔ YAML

Convierte JSON a YAML y YAML a JSON para configs y ejemplos API.

convert --yaml

name: DevToolGrid

Abrir
Datos

Convertidor CSV ↔ JSON

Convierte CSV a JSON y JSON a CSV para tablas y exportaciones.

convert --csv

name,email,role

Abrir
Datos

Probador JSON path

Prueba una ruta en JSON anidado y muestra el valor resuelto.

jsonpath --get

user.profile.email

Abrir
Datos

Formateador/validador YAML

Valida YAML y formatea la estructura con indentación correcta.

format --yaml

valid YAML

Abrir
Codificación

HTML entity encode/decode

Codifica y decodifica entidades HTML para templates, email y contenido.

html --entities

<div>

Abrir
Diseño

Convertidor de color

Convierte HEX, RGB y HSL y muestra información básica del color.

color --convert

#0891b2

Abrir
Generadores

Generador de mock data

Genera texto lorem, nombres, emails y JSON mocks para tests.

mock --json

{ users: 5 }

Abrir
Texto

Convertidor de case

Convierte texto a camelCase, snake_case, kebab-case, PascalCase y Title Case.

case --snake

dev_tools

Abrir
Texto

Contador de palabras

Cuenta palabras, caracteres, líneas y tiempo estimado de lectura.

count --words

128 words / 6 lines

Abrir
Datos

Formateador SQL

Formatea consultas SQL para lectura, revisión y debugging.

format --sql

SELECT * FROM users

Abrir
Request

Parser User-agent

Analiza un user-agent en navegador, OS, dispositivo y engine.

ua --parse

Chrome / macOS

Abrir
Request

Parser HTTP headers

Convierte HTTP headers raw en una lista key/value estructurada.

headers --parse

content-type: json

Abrir
Web

Referencia de códigos HTTP

Referencia rápida de códigos HTTP con significado y categoría.

http --status

422 Unprocessable Content

Abrir
Web

Búsqueda MIME type

Busca MIME type por extensión de archivo o al contrario.

mime --lookup

.json -> application/json

Abrir
Seguridad

Generador de contraseñas

Genera contraseñas con longitud, símbolos y legibilidad ajustables.

password --strong

entropy-ready

Abrir
Generadores

Generador QR code

Genera un QR code para una URL, texto o payload corto.

qr --text

data:image/png

Abrir
Seguridad

Validador JWT

Verifica una firma JWT HS256 contra un secreto y muestra el resultado.

jwt --verify

HS256 valid

Abrir
Crossout: MMO gratuito de combate con vehículos
Anuncio

Crossout

MMO de combate con vehículos gratis

Juega gratis

Developer tools

Herramientas online para formatear, validar, decodificar y generar datos.

DevToolGrid reúne 28 utilidades browser-first para tareas diarias: JSON formatter, CSV converter, JSON path tester, regex tester, Base64, JWT decoder, cron generator, diff checker, UUID generator, hash generator, URL parser, HTTP headers parser, MIME lookup y más.

El sitio ayuda con API debugging, revisión de textos frontend, data shaping, inspección de seguridad y comprobación rápida de payloads sin servicios externos.

Foco

Datos, request, texto

Acceso

Una URL por herramienta

Modo

Browser-first, procesamiento local

Qué cubre

Formateo y validación de JSON, CSV, respuestas API, configs y payloads.
Pruebas de expresiones regulares, comparación de texto y trabajo rápido con Base64.
Decodificación JWT, generación UUID, hashes y expresiones cron.
Análisis de URLs, user agents, HTTP headers y JSON paths para depurar requests y datos.

28

herramientas

de JSON a contador de palabras

6

grupos

por escenario de trabajo

1

clics

hasta la página correcta

Cómo se organiza el catálogo de developer tools

No es una landing genérica: es un catálogo práctico con páginas dedicadas para cada herramienta.

Workflow

El usuario abre la home, elige un grupo y entra a la herramienta.

Estructura

Cada herramienta tiene slug, H1 y workspace propio.

Seguridad

JWT, hash, password y headers siguen un modelo browser-first.

Texto

Regex, word count, case conversion, Base64 y color tools cubren tareas rápidas.