{DT}DevToolkit

Bun Compatibility Badge Generator

Generate beautiful README badges to showcase that your project works with Bun. Choose from pre-made styles or customize your own badge with different colors, styles, and messages.

Choose a Badge Style

Customize

Preview

Badge preview
Badge preview on dark

Get the Code

[![Bun Compatible](https://img.shields.io/badge/Bun-Compatible-14F195?style=flat&logo=bun&logoColor=white)](https://bun.sh)

Quick Copy

Markdown
HTML
Image URL

Usage Tips

  • Add to your README.md at the top
  • Group with other badges
  • Use consistent styles across badges

Powered by Shields.io: Badges are generated using Shields.io, a free service for creating badges. Find more logos at Simple Icons.

Why Add a Bun Badge?

Adding a Bun compatibility badge to your README helps developers quickly identify that your project works with Bun. This is especially important as more developers adopt Bun for its speed and modern features.

Badge Placement

For best visibility, place your badges at the top of your README, right after the project title. You can group multiple badges together:

# My Awesome Project

![Bun Compatible](https://img.shields.io/badge/Bun-Compatible-14F195?logo=bun)
![TypeScript](https://img.shields.io/badge/TypeScript-5.0-blue?logo=typescript)
![License](https://img.shields.io/badge/License-MIT-green)

A description of your project...

Badge Styles

  • Flat - Clean, minimal design. Most popular choice.
  • Flat Square - Flat with square corners for a more modern look.
  • Plastic - Classic badge style with subtle gradient.
  • For The Badge - Large, bold style for maximum visibility.
  • Social - Social media-inspired style.

Custom Badges

You can customize every aspect of your badge including the label, message, colors, and logo. The badges are generated using Shields.io, which supports thousands of logos from Simple Icons.