Badges

A collection of 10 beautifully designed badges for every use case. Each badge is crafted with attention to detail, utilizing modern CSS techniques like glassmorphism, gradients, and neo-brutalism.

1. The Original

A classic, high-contrast badge design with a bold update label.

2. Dark Mode Glow

Features a vibrant purple glow, perfect for AI-powered features.

3. Glassmorphism

Sleek translucent design with backdrop blur and subtle borders.

4. Ghost Outline

Light-weight outlined badge with a subtle blue tint for beta features.

5. Soft Eco Success

Emerald-themed badge with a soft glow for system status indicators.

6. Vivid Gradient

High-energy gradient badge for "Hot" or "Trending" items.

7. Neo Brutalism

Bold design with a yellow background and thick black shadows.

8. Dark Minimalist

Clean, low-contrast badge for subtle changelogs and improvements.

9. Pressable 3D

Interactive badge that feels like a physical button.

10. Floating Outline Pill

Minimalist pill badge with a live activity pulse indicator.