{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "shiny-button",
  "type": "registry:component",
  "description": "A Button component with shiny effect animation.",
  "dependencies": [],
  "registryDependencies": [
    "button"
  ],
  "files": [
    {
      "path": "src/app/components/animatedComponents/buttons/shiny-effect/ShinyButton.tsx",
      "content": "\r\n\r\nimport { Card } from \"@/components/ui/card\";\r\nimport \"./shiny.css\";\r\nimport { Button } from \"@/components/ui/button\";\r\n\r\nexport default function ShinyButton() {\r\n  return (\r\n    <>\r\n        <Button className=\" bg-primary transition-all\" >\r\n          <div className='shiny font-medium text-base'>Shiny Button Text</div>\r\n        </Button>\r\n    </>\r\n  );\r\n}\r\n",
      "type": "registry:component",
      "target": "components/animated/buttons/shiny/ShinyButton.tsx"
    },
    {
      "path": "src/app/components/animatedComponents/buttons/shiny-effect/shiny.css",
      "content": ".shiny {\r\n  color: #00ceffa4;\r\n  background: linear-gradient(\r\n    120deg,\r\n    rgba(255, 255, 255, 0) 40%,\r\n    rgba(255, 255, 255, 0.8) 50%,\r\n    rgba(255, 255, 255, 0) 60%\r\n  );\r\n  background-size: 200% 100%;\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  display: inline-block;\r\n  animation: shine 3s linear infinite;\r\n}\r\n\r\n@keyframes shine {\r\n  0% {\r\n    background-position: 100%;\r\n  }\r\n  100% {\r\n    background-position: -100%;\r\n  }\r\n}",
      "type": "registry:style",
      "target": "components/animated/buttons/shiny/shiny.css"
    }
  ]
}