Skip to main content
AwesomeToolkit
Badge Generator · Free

Badge Generator

Design a "label | message" badge for a README or a website, see it on light and dark backgrounds, and copy the snippet to paste.

100% local
Style
Format
Badge
Ready-made
Message colour
Label colour
Link

A click opens this generator with your badge filled in — so others can make one like it. Pick "My link" to send readers elsewhere.

Result
files: processed locally
![files: processed locally](https://awesometoolkit.com/api/badge?label=files&message=processed+locally&color=44cc11&labelColor=555555)
Learn more

Everything about badges

What README badges are for

Badges are small "label | message" pills at the top of a README. They summarise a project — licence, build status, version, how to contribute — in a format every developer recognises.

Markdown or HTML?

Markdown is what READMEs on GitHub, GitLab and most package registries read. Use HTML on a website, or in a README when you need to set the size or align badges on one line.

How it works

How to make a badge

  1. Write it

    Start from a ready-made badge or type a label and a message.

  2. Colour it

    Pick the colours and the style; the preview shows it on a light and a dark page, like GitHub's two themes.

  3. Paste it

    Copy the Markdown for a README or the HTML for a website, or download the SVG.

Practical guides

Tips & guides

Badges that help readers

A few badges at the top of a README answer the first questions at a glance: licence, status, whether contributions are welcome.

Keep them short and few — three to five — and link each one to where the answer lives (the licence file, the docs).

Pro tip

Nothing to sign up for

No account and no tracking: the badge image is generated from its address every time it is displayed.

Prefer to depend on nothing? Download the SVG and host it with your project.

Privacy
Frequently asked questions

Frequently asked questions

Everything about badges