Skip to main content
ParticleUI

Electric Badge

Animated badge with pulsing electric glow. Great for status indicators and labels.

LiveDeployedIncident

Installation

1

Run the CLI

$npx particleui-cli add electric-badge

Usage

TSX
import { ElectricBadge } from "@/components/ui/electric-badge"

export default function Example() {
  return (
    <div className="flex gap-2">
      <ElectricBadge>New</ElectricBadge>
      <ElectricBadge variant="outline">Beta</ElectricBadge>
      <ElectricBadge pulse>Live</ElectricBadge>
    </div>
  )
}

Props

PropTypeDefaultRequired
pulsebooleantrueno

Details

Source filecomponents/ui/electric-badge.tsx
Typeui
Categoriesbadges
npm dependenciesclsx, tailwind-merge
Registry deps
Claude skill