{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "gradient-animation-shadcnui",
  "type": "registry:ui",
  "title": "Gradient Animation",
  "description": "Smoothly transitioning gradient background",
  "dependencies": [
    "framer-motion",
    "react"
  ],
  "files": [
    {
      "path": "@uitripled/react-shadcn/src/components/decorative/backgrounds/gradient-animation.tsx",
      "content": "\"use client\";\n\nimport { motion } from \"framer-motion\";\n\nexport function GradientAnimation() {\n  return (\n    <div className=\"flex items-center justify-center p-12\">\n      <motion.div\n        className=\"h-48 w-64 rounded-2xl\"\n        animate={{\n          background: [\n            \"linear-gradient(45deg, #667eea 0%, #764ba2 100%)\",\n            \"linear-gradient(45deg, #f093fb 0%, #f5576c 100%)\",\n            \"linear-gradient(45deg, #4facfe 0%, #00f2fe 100%)\",\n            \"linear-gradient(45deg, #43e97b 0%, #38f9d7 100%)\",\n            \"linear-gradient(45deg, #667eea 0%, #764ba2 100%)\",\n          ],\n        }}\n        transition={{\n          duration: 10,\n          repeat: Infinity,\n          ease: \"linear\",\n        }}\n      />\n    </div>\n  );\n}\n",
      "type": "registry:ui",
      "target": "components/uitripled/gradient-animation-shadcnui.tsx"
    }
  ]
}