Beautiful CSS Badge Examples

Status labels, notification badges, pills, and tags for modern UIs.
Click any badge to copy the CSS to your clipboard.

New

Active

Pending

Error

Info

Success

Pro

Beta

● New

Premium

#10

99+

#11

Sale

#12

Featured

#13

Draft

#14

Popular

#15

Exclusive

#16

Urgent

#17

Hot

#18

#19

Trending

#20

Free

#21

● Online

#22

Limited

#23

NEW

#24

Extract any badge style in 2 clicks

Click any element on any website to get its badge styles instantly. Frontend Hero gives you 10+ essential developer tools in one browser extension.

Get Frontend Hero now →