Teks
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.
Developer
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.
Ringkasan alat
Alat ini menerima input terstruktur dan menghasilkan output deterministik di browser, tanpa upload server.
- Nama alat
- README Badge Generator
- Maksud input
- Berikan konten sumber untuk diubah, divalidasi, atau dianalisis.
- Maksud output
- Terima output ternormalisasi yang siap disalin, dipakai ulang, atau di-debug.
- Contoh input
- Preset: npm-version, package: react, style: flat-square
- Contoh output
- 
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
Pengantar alat
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.
Gambaran alat
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.
Kasus penggunaan
- 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
Contoh input/output
Live npm version badge with the npm logo and a flat-square style.
Maksud input
Preset: npm-version, package: react, style: flat-square
Maksud output
Pertanyaan umum
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.
Jelajahi alat lainnya
Temukan utilitas terkait di kategori Developer di bawah.
Alat terkait
Utilitas pilihan yang mungkin Anda anggap berguna
Teks
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.
Teks
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.