Registry Index

Search the catalog

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

BlockReactregistry:block2 dependencies

Border Gradient Animation Card

components-cards-border-gradient-animation-card

A card framed by a shifting gradient border that flows around the edges. Use it to highlight a premium tier or hero item in a grid of options.

@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
Floating
marketing-announcement-banners-floating
Block
With Newsletter
ecommerce-ecommerce-footers-with-newsletter
Block
Right Accent Alerts
components-alerts-right-accent-alerts
Block
Client Oriented Testimonials
portfolio-portfolio-why-work-with-me-client-oriented-testimonials
Block
Side By Side Image Story
portfolio-portfolio-case-studies-side-by-side-image-story
Block
Feature Grid
marketing-pricing-sections-feature-grid
Block
Two Factor Verification
marketing-hero-forms-two-factor-verification
Block
Tabbed Changelog
marketing-changelogs-tabbed-changelog
Block