Registry Index

Search the catalog

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

BlockReactregistry:block2 dependencies

Border Animation Card

components-cards-border-animation-card

A card whose border traces a moving outline around the edges. Use it to spotlight a featured plan, offer, or item that needs attention on the page.

@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
Cutout Border Card
components-cards-cutout-border-card
Block
With Actions
application-page-headings-with-actions
Block
Split Layout
portfolio-portfolio-hero-showcases-split-layout
Block
Social Proof Center
marketing-subscribe-social-proof-center
Block
With Email Input
marketing-hero-sections-with-email-input
Block
Steps
marketing-feature-sections-steps
Block
Simple Centered
marketing-announcement-banners-simple-centered
Block
With Payments
ecommerce-ecommerce-footers-with-payments
Block