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.
Desenvolvedores
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.
Resumo da ferramenta
Esta ferramenta aceita entrada estruturada e devolve saída determinística no navegador, sem upload para o servidor.
- Nome da ferramenta
- README Badge Generator
- Intenção da entrada
- Forneça conteúdo de origem para transformar, validar ou analisar.
- Intenção da saída
- Receba uma saída normalizada pronta para copiar, reusar ou depurar.
- Entrada de exemplo
- Preset: npm-version, package: react, style: flat-square
- Saída de exemplo
- 
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
Introdução à ferramenta
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.
Visão geral da ferramenta
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
Exemplos de entrada/saída
Live npm version badge with the npm logo and a flat-square style.
Intenção da entrada
Preset: npm-version, package: react, style: flat-square
Intenção da saída
Perguntas frequentes
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.
Explore mais ferramentas
Descubra utilitários relacionados na categoria Desenvolvedores abaixo.
Ferramentas relacionadas
Utilitários selecionados que você pode achar úteis
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.