Back to Components
Badge
Colorful status badges with hover animations. Great for labels, tags, and status indicators.
Loading component...
Usage
Copy the component code and paste it into your project. Make sure you have the required dependencies installed:
npm install motion lucide-reactThe component uses CSS custom properties for theming. Customize the colors by modifying the --theme-color-* variables.
Let's Build++++
Have a project in mind? Let's work together to create something amazing.