{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "shiny-text-motion",
  "type": "registry:component",
  "description": "A text component that shines.",
  "dependencies": [],
  "registryDependencies": [
    "card"
  ],
  "files": [
    {
      "path": "src/app/components/animatedComponents/text-animation/shiny-text/ShinyTextAnimation.tsx",
      "content": "\r\n\r\nimport { Card } from \"@/components/ui/card\";\r\nimport \"./shinyText.css\";\r\n\r\nexport default function ShinyTextAnimation() {\r\n  return (\r\n    <>\r\n      <Card className=\"bg-primary w-full\" >\r\n       <div className='shiny font-medium text-lg'>Shine bright like a diamond</div>\r\n      </Card>\r\n    </>\r\n  );\r\n}\r\n",
      "type": "registry:component",
      "target": "components/animated/text-animation/shiny-text/ShinyTextAnimation.tsx"
    },
    {
      "path": "src/app/components/animatedComponents/text-animation/shiny-text/shinyText.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/text-animation/shiny-text/shinyText.css"
    }
  ]
}