Badge Components

Versatile badge components for status indicators, notifications, and interactive elements

Status Badges

Status indicators and state badges for various application states and conditions

Status Badges

Status indicators and state badges for various application states

Basic Status Badges

Active
Pending
Inactive
Warning

Service Status

API Gateway
Operational
Database
Operational
CDN
Degraded
Email Service
Outage
File Storage
Operational
Search
Maintenance

Priority & Importance

Critical
High
Medium
Low
Featured

User Roles & Permissions

Admin
Moderator
Verified
Premium
Member
Guest

Custom Styled Badges

Pro
Verified
VIP
Premium

Notification Badges

Badge components with counts and notification indicators for real-time updates

Notification Badges

Badge components with counts and notification indicators for interactive elements

Icon Notification Badges

Navigation with Badges

Social Interaction Badges

Likes
25
Downloads
8
Followers
150
Reviews
4

Badge Sizes

Dot

3

Small

12

Medium

99+

Large

Badge Color Variants

5

Red

12

Blue

3

Green

8

Orange

25

Purple

Interactive Badges

Clickable and actionable badge components with advanced interactive functionality

Interactive Badges

Clickable and actionable badge components with interactive functionality

Removable Tags

Selected Technologies:

React
TypeScript

Available Tags:

JavaScript
Next.js
Tailwind
Node.js
Python
UI/UX

Filter Badges

Filter by status:
All
Active
Completed
Pending
Draft
Active filters: All

Counter Badges

Article 1
Article 2
Article 3
Article 4

Rating Badges

Product A
4.5
128 reviews
Product B
3.8
85 reviews
Product C
4.9
234 reviews
Product D
4.2
167 reviews

Action Badges

Complete Task
Add New
Remove
Tag Item