shadcn-ui-blocks.com/blocks/components-cards-border-gradient-animation-card

Border Gradient Animation Card · shadcn-ui-blocks.com

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.

npx shadcn@latest add @shadcn-ui-blocks/components-cards-border-gradient-animation-card

Loading the source for components-cards-border-gradient-animation-card…

components-cards-border-gradient-animation-card

Registry Items

components-cards-border-gradient-animation-card

Configuration

Name

components-cards-border-gradient-animation-card

Type

Block

Description

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.

Files · 3

Dependencies

npm packages

class-variance-authority

radix-ui