{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "scroll-based-velocity-demo",
  "type": "registry:example",
  "title": "Scroll Based Velocity Demo",
  "description": "Example showing text speed changes based on scroll velocity.",
  "registryDependencies": [
    "@magicui/scroll-based-velocity"
  ],
  "files": [
    {
      "path": "registry/example/scroll-based-velocity-demo.tsx",
      "content": "import {\n  ScrollVelocityContainer,\n  ScrollVelocityRow,\n} from \"@/registry/magicui/scroll-based-velocity\"\n\nexport default function ScrollBasedVelocityDemo() {\n  return (\n    <div className=\"relative flex w-full flex-col items-center justify-center overflow-hidden\">\n      <ScrollVelocityContainer className=\"text-4xl font-bold tracking-[-0.02em] md:text-7xl md:leading-20\">\n        <ScrollVelocityRow baseVelocity={20} direction={1}>\n          Velocity Scroll\n        </ScrollVelocityRow>\n        <ScrollVelocityRow baseVelocity={20} direction={-1}>\n          Velocity Scroll\n        </ScrollVelocityRow>\n      </ScrollVelocityContainer>\n      <div className=\"from-background pointer-events-none absolute inset-y-0 left-0 w-1/4 bg-gradient-to-r\"></div>\n      <div className=\"from-background pointer-events-none absolute inset-y-0 right-0 w-1/4 bg-gradient-to-l\"></div>\n    </div>\n  )\n}\n",
      "type": "registry:example"
    }
  ]
}