shadcn-ui-blocks.com

Gradient Border Badge · shadcn-ui-blocks.com

A badge wrapped in a colorful gradient outline around plain fill. Use it to mark beta, pro, or featured labels that need a vivid accent edge.

npx shadcn@latest add @shadcn-ui-blocks/components-badges-gradient-border-badge
Preview Gradient Border Badge on shadcn-ui-blocks.com's site (opens in a new tab)
Loading the source for components-badges-gradient-border-badge…

components-badges-gradient-border-badge