Texto
Markdown TOC Generator
Scan a Markdown document and generate a linked table of contents with adjustable heading depth, ordered or bullet lists, and GitHub-compatible anchor slugs.
Desarrolladores
README Badge Generator
Generate shields.io badges for your README without remembering the URL format. Pick a preset — npm version, Docker pulls, GitHub Actions, license, coverage, or a custom static label — and copy ready-to-paste Markdown, HTML, or just the image URL.
Resumen de la herramienta
Esta herramienta acepta entrada estructurada y devuelve una salida determinista en el navegador, sin enviar nada al servidor.
- Nombre de la herramienta
- README Badge Generator
- Intención de entrada
- Proporciona contenido fuente para transformar, validar o analizar.
- Intención de salida
- Recibe una salida normalizada lista para copiar, reutilizar o depurar.
- Entrada de ejemplo
- Preset: npm-version, package: react, style: flat-square
- Salida de ejemplo
- 
Live preview
Markdown
HTML
<img src="https://img.shields.io/badge/build-passing-brightgreen" alt="build status" />
Image URL
https://img.shields.io/badge/build-passing-brightgreen
Introducción a la herramienta
Generate shields.io badges for your README without remembering the URL format. Pick a preset — npm version, Docker pulls, GitHub Actions, license, coverage, or a custom static label — and copy ready-to-paste Markdown, HTML, or just the image URL.
Visión general de la herramienta
Shields.io is the de-facto badge service for open source READMEs, but its URL grammar is easy to forget and tedious to type. This tool wraps the most-used badge types in a friendly form, validates a live preview, and emits Markdown/HTML/URL output you can drop into any README, doc site, or PR template. Badges still render through shields.io, so they update automatically as your project changes.
Casos de uso
- Add a build-status badge to a GitHub README
- Show npm version and weekly downloads on a package page
- Display Codecov coverage in a PR template
- Generate a custom "made with love" badge for a portfolio
Ejemplos de entrada/salida
Live npm version badge with the npm logo and a flat-square style.
Intención de entrada
Preset: npm-version, package: react, style: flat-square
Intención de salida
Preguntas frecuentes
Does the badge auto-update?+
Yes. Shields.io re-fetches the underlying source (npm registry, GitHub API, Docker Hub, etc.) at request time, so the badge stays current.
Can I use a custom logo?+
Yes. Any simple-icons slug works — type `github`, `docker`, `npm`, `python`, `rust`, etc. into the logo field.
What color values are supported?+
Named colors (brightgreen, blue, red, lightgrey, orange, yellow) and hex codes (with or without the leading #) both work.
Is my form data uploaded?+
No. URLs are built entirely in your browser. Only the final badge image request goes to shields.io when the preview renders.
Explorar más herramientas
Descubre utilidades relacionadas en la categoría Desarrolladores a continuación.
Herramientas relacionadas
Utilidades seleccionadas que podrían serte útiles
Texto
Markdown Table Generator
Paste TSV, CSV, or pipe-separated rows and get a clean Markdown table with column alignment, header toggle, and compact mode — all in your browser.
Texto
Markdown Preview
Write or paste Markdown — including output from ChatGPT, Claude, or Gemini — and see a live HTML preview with word count and reading time. Copy or download clean HTML, all client-side.