Registry Index

Search the catalog

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

BlockReactregistry:block2 dependencies

Gradient Border Card

components-cards-gradient-border-card

A card edged with a static gradient outline that adds color without noise. Use it to set apart a key offer or profile in an otherwise plain grid.

@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
Banner With Background
marketing-cta-sections-banner-with-background
Block
Minimal Overview
ecommerce-product-overview-minimal-overview
Block
Icon Card
components-cards-icon-card
Block
Token Reset
application-reset-password-token-reset
Block
Horizontal Stepper
portfolio-portfolio-process-and-approach-horizontal-stepper
Block
With Hover Cards
marketing-team-sections-with-hover-cards
Block
2 Cols Grid
marketing-icon-sections-2-cols-grid
Block
Subscribe
marketing-footers-subscribe
Block