Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

BlockReactregistry:block2 dependencies

Gradient Border Badge

components-badges-gradient-border-badge

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.

@shadcn-ui-blocksRegistry JSON
Live, loading

Starting the live preview…

Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

@shadcn-ui-blocks

More from @shadcn-ui-blocks

All 520 items
Interactive Metrics
marketing-hero-sections-interactive-metrics
Block
Integrations CTA
marketing-cta-sections-integrations-cta
Block
Image Aside
ecommerce-promo-sections-image-aside
Block
Status Card
components-cards-status-card
Block
Tabbed
application-user-profiles-tabbed
Block
Base
portfolio-portfolio-quote-and-feedback-base
Block
Mini With Dividers In Grid
marketing-testimonials-mini-with-dividers-in-grid
Block
Horizontal Scrolling Icons
marketing-icon-sections-horizontal-scrolling-icons
Block