النص
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.
المطورون
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.
ملخص الأداة
تستقبل هذه الأداة مدخلات منظمة وتُرجع مخرجات حتمية في المتصفح، دون رفع إلى الخادم.
- اسم الأداة
- README Badge Generator
- غرض المدخلات
- قدّم المحتوى المصدري لتحويله أو التحقق منه أو تحليله.
- غرض المخرجات
- احصل على مخرجات موحدة جاهزة للنسخ أو إعادة الاستخدام أو التصحيح.
- مدخل مثال
- Preset: npm-version, package: react, style: flat-square
- مخرج مثال
- 
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
مقدمة الأداة
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.
نظرة عامة على الأداة
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.
حالات الاستخدام
- 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
أمثلة المدخلات/المخرجات
Live npm version badge with the npm logo and a flat-square style.
غرض المدخلات
Preset: npm-version, package: react, style: flat-square
غرض المخرجات
الأسئلة الشائعة
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.
استكشف أدوات أخرى
اكتشف أدوات ذات صلة في الفئة المطورون أدناه.
أدوات ذات صلة
أدوات منتقاة قد تجدها مفيدة
النص
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.
النص
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.