{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "marquee-demo",
  "type": "registry:example",
  "title": "Marquee Demo",
  "description": "A row of quote cards scrolling on a seamless loop.",
  "registryDependencies": [
    "@loomui/marquee"
  ],
  "files": [
    {
      "path": "registry/example/marquee-demo.tsx",
      "content": "import { Marquee } from \"@/registry/loomui/marquee\"\n\nconst QUOTES = [\n  \"Shipped it in an afternoon.\",\n  \"Finally, motion I can hand to a designer.\",\n  \"The off switch is why I kept it.\",\n  \"Reads like code I would have written.\",\n]\n\nexport default function MarqueeDemo() {\n  return (\n    <div className=\"w-full max-w-2xl\">\n      <Marquee fade pauseOnHover duration={28} gap=\"1rem\">\n        {QUOTES.map((quote) => (\n          <figure\n            key={quote}\n            className=\"bg-card w-64 shrink-0 rounded-xl border p-4\"\n          >\n            <blockquote className=\"text-sm\">{quote}</blockquote>\n          </figure>\n        ))}\n      </Marquee>\n    </div>\n  )\n}\n",
      "type": "registry:example"
    }
  ]
}