Presets rapidos
Presets de un clic para los badges mas comunes: version npm, build passing, coverage, licencia MIT, TypeScript, PRs welcome, descargas y Node.js. Cada uno usa valores predeterminados sensatos y un logo shields.io correspondiente.
Generador de insignias Markdown
Genera insignias shields.io para npm, build, cobertura, licencia, TypeScript y mas. Copia con un clic.
Quick presets
Resumen — Qué hace Generador de insignias Markdown
Qué es esta herramienta gratuita
El Generador gratuito de badges Markdown crea Markdown de badges shields.io para tu README. Elige entre presets rapidos (npm, build, coverage, license, TypeScript) o construye badges completamente personalizados con etiqueta, mensaje, color, estilo, logo y enlace.
Privacidad: Esta herramienta se ejecuta completamente en tu navegador. Tu texto nunca se sube, registra ni almacena en caché. Cierra la pestaña y desaparece. Verifícalo en DevTools → Network: cero solicitudes.
Por qué es gratis (y cómo la mantenemos gratis)
Los badges son lo primero que la gente ve en tu README. Construirlos a mano significa lidiar con codificacion de URLs.
Tabla de uso
Referencia rápida
| Entrada | Salida | Tamaño típico | Velocidad | Inicio de sesión necesario |
|---|---|---|---|---|
| Preset selection or custom form | Badge Markdown lines | Any README | Real-time | No |
Características de Generador de insignias Markdown
Esto es lo que hace esta herramienta gratuita en detalle — cada función está diseñada para resolver problemas reales, se ejecuta completamente en tu navegador y es gratis para siempre.
Constructor de badges personalizados
Control total sobre etiqueta, mensaje, color, estilo (flat, flat-square, plastic, for-the-badge, social), logo (cualquier nombre de Simple Icons), color del logo y URL de enlace. El formulario personalizado produce un badge shields.io con codificacion de URL correcta.
Vista previa en vivo
Ve cada badge renderizado como imagen en el area de vista previa. Las imagenes se cargan desde shields.io, asi que ves exactamente lo que aparecera en tu README.
Salida multi-badge
Agrega tantos badges como necesites. La salida es un badge por linea; pega el bloque en la parte superior de tu README. Elimina badges individuales con un clic.
Para generar el resto de tu README, usa el Generador de README.
Cómo usar Generador de insignias Markdown
Paso 1 — Agrega badges
Haz clic en presets para badges comunes, o construye personalizados con el formulario.
Paso 2 — Vista previa
Verifica la vista previa en vivo para ver como se renderizara cada badge.
Paso 3 — Copia para tu README
Copia las lineas Markdown y pegalas en la parte superior de tu README.
Quién puede usar esta herramienta
Open-source maintainers
Add professional-looking badges to your README in seconds.
Package authors
Show npm version, build status, and coverage at a glance.
Developers writing READMEs
Skip the shields.io URL builder and get badge Markdown instantly.
Team leads
Standardize badge sets across all team repositories.
Technical writers
Embed status badges in documentation for quick project health checks.
Preguntas frecuentes
Es gratuito este generador de badges?
Si. Gratuito para siempre, sin cuenta requerida.
Que servicio de badges usa?
Shields.io. Los badges se renderizan en GitHub, GitLab, Bitbucket, npm, y cualquier lugar donde funcionen imagenes Markdown.
Puedo personalizar colores y estilos?
Si. El formulario personalizado soporta etiqueta, mensaje, color, 5 estilos, logo, color del logo y enlace.
Que presets estan disponibles?
Version npm, build passing, coverage, licencia MIT, TypeScript, PRs welcome, descargas y Node.js.
Se suben mis datos?
No. El Markdown de badges se genera del lado del cliente. Las imagenes de vista previa se obtienen de shields.io.