{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "demo-pixel-grid",
  "title": "Pixel Background Grid Demo",
  "description": "Demo showing three pixel backgrounds side by side with different color palettes.",
  "registryDependencies": [
    "@unlumen-ui/pixel"
  ],
  "files": [
    {
      "path": "registry/demo/components/backgrounds/pixel-grid/index.tsx",
      "content": "import { PixelBackground } from \"@/components/unlumen-ui/pixel\";\n\nexport const PixelBackgroundGridDemo = () => {\n  return (\n    <div className=\"absolute m-12 border border-border/80 inset-0 grid grid-cols-3 overflow-hidden divide-x divide-border/80\">\n      <PixelBackground\n        pattern=\"cursor\"\n        darkColors=\"#0d1b4b,#1a3a8f,#2563eb\"\n        lightColors=\"#bfdbfe,#93c5fd,#3b82f6\"\n        className=\"size-full flex flex-col\"\n      >\n        <h1 className=\"text-4xl p-6 pb-1\">\n          Pixel <br /> Cursor\n        </h1>\n        <p className=\"text-sm text-muted-foreground p-6 pt-3\">\n          Animation starts from where the mouse enters.\n        </p>\n      </PixelBackground>\n\n      <PixelBackground\n        pattern=\"edges\"\n        darkColors=\"#2a2a2a,#3b3b3b,#525252\"\n        lightColors=\"#d4d4d4,#bdbdbd,#a3a3a3\"\n        className=\"size-full flex flex-col\"\n      >\n        <h1 className=\"text-4xl p-6 pb-1\">\n          Pixel <br /> Edges\n        </h1>\n        <p className=\"text-sm text-muted-foreground p-6 pt-3\">\n          Pixels appear from all edges inward.\n        </p>\n      </PixelBackground>\n\n      <PixelBackground\n        pattern=\"random\"\n        darkColors=\"#606c38,#fefae0,#bc6c25\"\n        lightColors=\"#264653,#2a9d8f,#e9c46a,#f4a261\"\n        className=\"size-full flex flex-col\"\n      >\n        <h1 className=\"text-4xl p-6 pb-1\">\n          Pixel <br /> Random\n        </h1>\n        <p className=\"text-sm text-muted-foreground p-6 pt-3\">\n          A Random pattern that combines distance and angle\n        </p>\n      </PixelBackground>\n    </div>\n  );\n};\n",
      "type": "registry:ui",
      "target": "components/unlumen-ui/demo/components/backgrounds/pixel-grid.tsx"
    }
  ],
  "type": "registry:ui"
}