Docs
Animated Badge
Badge with gradient rim, optional layout animation on label changes, live status dot, and tabular figures for counts
Tabular figures keep digit width steady when the count changes; the label can animate when its text updates.
Live mode shows a leading status dot with a gentle pulse; reduced motion preferences shorten or remove the animation.
Pro workflow
Open in v0 and the Pro CLI install shortcut are part of Cult UI Pro. Upgrade to use them in your projects.
Get Propnpm add motion class-variance-authority
badge component (for badgeVariants) if you do not already have it.Source code is available for Pro members.
Upgrade to copy and use these components in your projects.
View pricing