Animated Badge

An animated badge component with customizable text, color, and optional link functionality featuring a pulsing dot and smooth entrance animations.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Animated Badge to your project and fits it to your theme.

import { AnimatedBadge } from "@/components/ui/animated-badge";

export default function AnimatedBadgeDemo() {
  return(
  <AnimatedBadge
  text="Introducing Eldora ui"
  color="#22d3ee"
  href="/docs/components/animated-badge"
/>
)
}