{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "glowingbordercard",
  "type": "registry:ui",
  "title": "Glowing Border Card",
  "description": "A customizable card with a glowing border effect that changes colors based on light and dark modes.",
  "author": "Ahdeetai <https://aditya.is-cool.dev>",
  "registryDependencies": [],
  "dependencies": ["clsx", "tailwind-merge"],
  "files": [
    {
      "type": "registry:ui",
      "path": "components/ui/glowingbordercard.tsx",
      "content": "import React from 'react';\nimport { cn } from '@/lib/utils';\n\ntype GlowingBorderCardProps = {\n  children: React.ReactNode;\n  fromColor: string;\n  toColor: string;\n  className?: string;\n};\n\nexport default function GlowingBorderCard({\n  children,\n  fromColor,\n  toColor,\n  className,\n}: GlowingBorderCardProps) {\n  return (\n    <div className={cn('relative group', className)}>\n      <div\n        className={cn(\n          'absolute -inset-0.5 rounded-lg blur-sm opacity-75 group-hover:opacity-100 transition duration-1000 group-hover:duration-200 animate-tilt',\n          `bg-linear-to-r from-${fromColor} to-${toColor}`,\n        )}\n      />\n      <div className='relative flex items-center justify-center h-full bg-white dark:bg-black rounded-lg p-6'>\n        {children}\n      </div>\n    </div>\n  );\n}\n"
    },
    {
      "type": "registry:lib",
      "path": "lib/utils.ts",
      "content": "import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}"
    }
  ]
}