Genereer shields.io-badges voor npm, build, coverage, licentie, TypeScript en meer. Kopieer met een klik.
Gratis Markdown Badge Generator maakt shields.io badge Markdown voor je README. Kies uit snelle voorinstellingen (npm, build, coverage, licentie, TypeScript) of bouw volledig aangepaste badges met label, bericht, kleur, stijl, logo en link.
Privacy: Deze tool draait volledig in je browser. Je tekst wordt nooit geüpload, gelogd of gecacht. Sluit het tabblad en alles is weg. Controleer in DevTools → Network: er worden geen verzoeken verzonden.
Badges zijn het eerste wat mensen zien op je README. Ze handmatig opbouwen betekent prutsen met URL-encoding.
| Invoer | Uitvoer | Typische grootte | Snelheid | Login vereist |
|---|---|---|---|---|
| Preset selection or custom form | Badge Markdown lines | Any README | Real-time | No |
Dit is wat deze gratis tool in detail doet — elke functie is gebouwd om echte problemen op te lossen, draait volledig in je browser en is voor altijd gratis.
Voorinstellingen met een klik voor de meest voorkomende badges: npm-versie, build geslaagd, coverage, MIT-licentie, TypeScript, PR's welkom, downloads en Node.js. Elk gebruikt verstandige standaardinstellingen en een bijpassend shields.io-logo.
Volledige controle over label, bericht, kleur, stijl (flat, flat-square, plastic, for-the-badge, social), logo (elke Simple Icons-naam), logokleur en link-URL. Het aangepaste formulier produceert een shields.io-badge met correcte URL-encoding.
Bekijk elke badge gerenderd als afbeelding in het preview-gebied. De afbeeldingen worden geladen van shields.io, zodat je exact ziet wat er in je README verschijnt.
Voeg zoveel badges toe als je nodig hebt. De uitvoer is een badge per regel — plak het blok bovenaan je README. Verwijder individuele badges met een klik.
Voor het genereren van de rest van je README, gebruik de Gratis README Generator.
Klik op voorinstellingen voor veelvoorkomende badges, of bouw aangepaste met het formulier.
Controleer de live preview om te zien hoe elke badge rendert.
Kopieer de Markdown-regels en plak bovenaan je README.
Add professional-looking badges to your README in seconds.
Show npm version, build status, and coverage at a glance.
Skip the shields.io URL builder and get badge Markdown instantly.
Standardize badge sets across all team repositories.
Embed status badges in documentation for quick project health checks.
Ja. Voor altijd gratis, geen account vereist.
Shields.io. Badges renderen op GitHub, GitLab, Bitbucket, npm en overal waar Markdown-afbeeldingen werken.
Ja. Het aangepaste formulier ondersteunt label, bericht, kleur, 5 stijlen, logo, logokleur en link.
npm-versie, build geslaagd, coverage, MIT-licentie, TypeScript, PR's welkom, downloads en Node.js.
Nee. Badge Markdown wordt client-side gegenereerd. Preview-afbeeldingen worden opgehaald van shields.io.