Feedback & Status
Halo Badge
Animated badge for React and shadcn/ui with a gradient rim, pulsing live dot, and tabular figures for counts that never shift.
Updated
Counts & layout
Tabular figures keep digit width steady when the count changes; the label can animate when its text updates.
Live & variants
Live mode shows a leading status dot with a gentle pulse; reduced motion preferences shorten or remove the animation.
Halo Badge is a React badge component for shadcn/ui built on Motion. Use it for status labels, notification counts, or live indicators in dashboards and AI chat interfaces.
Installation
pnpm dlx shadcn@latest add @cult-ui/halo-badge