Text
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 berstruktur dan mengembalikan output deterministik dalam pelayar tanpa muat naik pelayan.
- Nama alat
- README Badge Generator
- Niat input
- Sediakan kandungan sumber untuk diubah, disahkan atau dianalisis.
- Niat output
- Terima output ternormal yang sesuai untuk disalin, digunakan semula atau dinyahpepijat.
- 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
Pengenalan 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 keseluruhan 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.
Kes 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.
Niat input
Preset: npm-version, package: react, style: flat-square
Niat output
Soalan lazim
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.
Terokai lebih banyak alat
Temui utiliti berkaitan dalam kategori Developer di bawah.
Alat berkaitan
Utiliti pilihan yang mungkin berguna untuk anda
Text
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.
Text
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.