{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "matrix-rain-button",
  "type": "registry:component",
  "description": "A Button component with matrix rain animation effect.",
  "dependencies": [
    "framer-motion"
  ],
  "registryDependencies": [
    "button"
  ],
  "files": [
    {
      "path": "src/app/components/animatedComponents/buttons/matrix-rain/MatrixRainButton.tsx",
      "content": "\"use client\";\r\nimport { Button } from \"@/components/ui/button\";\r\nimport { motion } from \"framer-motion\";\r\n\r\nexport default function MatrixRainButton() {\r\n  return (\r\n    <Button asChild variant={\"outline\"} className=\"hover:!bg-transparent overflow-hidden\"  >\r\n    <motion.button\r\n      whileHover={{ scale: 1.05 }}\r\n      whileTap={{ scale: 0.95 }}\r\n      className=\"relative  cursor-pointer\"\r\n    >\r\n      <span className=\"relative !text-primary\">Matrix Rain</span>\r\n\r\n      {/* Matrix rain overlay */}\r\n      <motion.div\r\n        initial={{ opacity: 0 }}\r\n        whileHover={{ opacity: 1 }}\r\n        animate={{}}\r\n        transition={{ duration: 0.3 }}\r\n        className=\"absolute inset-0 z-0\"\r\n      >\r\n        <motion.div\r\n          initial={{ y: \"-100%\" }}\r\n          animate={{ y: \"100%\" }}\r\n          transition={{\r\n            duration: 1,\r\n            ease: \"linear\",\r\n            repeat: Infinity,\r\n          }}\r\n          className=\"w-full h-full bg-gradient-to-b from-transparent via-primary/20 to-transparent\"\r\n        />\r\n      </motion.div>\r\n    </motion.button>\r\n    </Button>\r\n  );\r\n}\r\n",
      "type": "registry:component",
      "target": "components/animated/buttons/matrix-rain/MatrixRainButton.tsx"
    }
  ]
}