Badge colours and styles

Default Badge Primary Badge Info Badge Success Badge Warning Badge Danger Badge Dark Badge

Badges with Icons and no text

Circle Circle icon Circle Circle icon

Badges different colours

Gray red Yellow Green Blue Indigo Purple Pink

Badges sizes

Small Gray Medium Gray Base Gray Large Gray

Badges Outline

Outline Danger Outline Success Outline Warning

Badges Colours

Circle Circle icon Ruby on Rails Circle Circle icon JavaScript Circle Circle icon TypeScript Circle Circle icon Shell Circle Circle icon Go Circle Circle icon HTML 5

Badges with icons

Circle Circle icon Paid Circle Circle icon 2 minutes ago Circle Circle icon Default Badge Circle Circle icon Failed Circle Circle icon Refunded Circle Circle icon Badge

Brands Badges with leading icons

Circle Circle icon Github Circle Circle icon Facebook Circle Circle icon Basecamp

Brands Badges with trailing icons

Circle Circle icon Apple Circle Circle icon Google Circle Circle icon twitter

Badges with Close Buttons

Close it! Click button to close!

Guthub Badges

Github topic Github label Github label archive Github beta Github pro

Badges with Counters

Messages 5 Notifications 10

Dismissible Badges

Click it! Click to dismiss