Aurora UI Badges
Beautiful and customizable badge components for your web applications
Simple Badge
Basic badge with different colors.
Status Badge
Badge with status indicator for online/offline states.
Count Badge
Numeric badge for notifications and counters.
Pill Badge
Elongated pill-shaped badge for longer text.
Outline Badge
Badge with outline and transparent background.
Icon Badge
Badge with icon for enhanced visual communication.
Glow Badge
Badge with glow effect on hover.
Pulse Badge
Badge with pulsing animation for attention.
Gradient Badge
Badge with gradient background for visual appeal.
Corner Badge
Badge positioned in corners of containers.
Ribbon Badge
Badge styled as a ribbon across container corners.
Animated Badge
Badge with entrance and hover animations.
Floating Badge
Badge that floats above elements with animation.
Stacked Badge
Vertically stacked badge with icon and multiple text lines.
Shaped Badge
Badges with different geometrical shapes.
Dot Indicator Badge
Subtle dot indicator for statuses and notifications.
Removable Badge
Interactive badge with removal capability.
Icon Pill Badge
Rounded pill badges with icons, inspired by marketplace badges.
Circular Icon Badge
Circular badges with centered icons.
Emoji Pill Badge
Pill badges with emojis for visual communication.
Event Detail Badge
Calendar event information displayed in badges with icons.
Info Pill Badge
Informational badges with icons for displaying key details.