{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "demo-primitives-animate-github-stars",
  "title": "GitHub Stars Demo",
  "description": "Demo showing an animated github stars counter.",
  "registryDependencies": [
    "@odysseyui/primitives-animate-github-stars"
  ],
  "files": [
    {
      "path": "registry/demo/primitives/animate/github-stars/index.tsx",
      "content": "import {\n  GithubStars,\n  GithubStarsIcon,\n  GithubStarsLogo,\n  GithubStarsNumber,\n  GithubStarsParticles,\n} from '@/components/odyssey/primitives/animate/github-stars';\nimport { StarIcon } from 'lucide-react';\n\nexport const GithubStarsDemo = () => {\n  return (\n    <GithubStars\n      className=\"flex gap-2 items-center\"\n      username=\"imskyleen\"\n      repo=\"odysseyui\"\n    >\n      <GithubStarsLogo className=\"text-muted-foreground size-6\" />\n      <div className=\"p-1 bg-muted flex items-center gap-1\">\n        <GithubStarsNumber className=\"text-muted-foreground font-medium\" />\n        <GithubStarsParticles>\n          <GithubStarsIcon\n            icon={StarIcon}\n            className=\"fill-neutral-300 stroke-neutral-300 dark:fill-neutral-700 dark:stroke-neutral-700\"\n            activeClassName=\"text-muted-foreground\"\n            size={18}\n          />\n        </GithubStarsParticles>\n      </div>\n    </GithubStars>\n  );\n};\n",
      "type": "registry:ui",
      "target": "components/odysseyui/demo/primitives/animate/github-stars.tsx"
    }
  ],
  "type": "registry:ui"
}