Tailwind CSS Badge Components

Use these Tailwind CSS badge components and examples to highlight important information and status indicators on your website. Each one supports light and dark mode, comes as a React component too, and says its state in words, with colour as support only. From status badges with dots to unread counts, removable tags, change badges, plan labels and badges on icons and avatars, everything is easy to customize and use.