{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "glitch-button",
  "type": "registry:component",
  "description": "A Button component with glitch animation effect.",
  "dependencies": [
    "framer-motion"
  ],
  "registryDependencies": [
    "button"
  ],
  "files": [
    {
      "path": "src/app/components/animatedComponents/buttons/glitch/GlitchButton.tsx",
      "content": "\"use client\";\r\nimport { Button } from \"@/components/ui/button\";\r\nimport { motion } from \"framer-motion\";\r\n\r\nexport default function GlitchButton() {\r\n  return (\r\n   <Button asChild>\r\n    <motion.button\r\n      whileHover={{\r\n        x: [0, -4, -4, 4, 4, 0],\r\n        y: [0, 4, -4, 4, -4, 0],\r\n        transition: {\r\n          duration: 0.3,\r\n          repeat: Infinity,\r\n          ease: [0.25, 0.46, 0.45, 0.94],\r\n        },\r\n      }}\r\n      className=\"relative\"\r\n    >\r\n      <span className=\"relative z-10 \r\n        [text-shadow:0.05em_0_rgba(255,0,0,0.75),-0.025em_-0.05em_rgba(0,255,0,0.75),0.025em_0.05em_rgba(0,0,255,0.75)]\r\n      \">\r\n        Glitch Button\r\n      </span>\r\n    </motion.button>\r\n   </Button>\r\n  );\r\n}\r\n",
      "type": "registry:component",
      "target": "components/animated/buttons/glitch/GlitchButton.tsx"
    }
  ]
}