Gradient Border Card

Cards

Card with animated gradient border

gradientborderanimated

Installation

npx shadcn@latest add https://nonaxial.com/r/gradient-border-card.json

Usage

tsx

import { GradientBorderCard } from "@/components/nonaxial/gradient-border-card"

export default function Example() {
  return (
    <GradientBorderCard>{/* Your content here */}</GradientBorderCard>
  )
}

Props

Prop	Type	Default
children	ReactNode	—
className	string	—