{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "scroll-animation-inset-demo",
  "title": "Scroll Trigger inset Animations Demo",
  "description": "Demo showing how to implement scroll triggred animations.",
  "registryDependencies": [
    "https://systaliko-ui.vercel.app/r/scroll-animations"
  ],
  "files": [
    {
      "path": "registry/demo/scroll-animations/scroll-animation-inset/index.tsx",
      "content": "import {\n  ScrollAnimation,\n  ScrollInset,\n  ScrollTranslateY,\n} from '@/components/systaliko-ui/scroll-animations/scroll-animation';\n\nexport function ScrollAnimationInsetDemo() {\n  return (\n    <ScrollAnimation>\n      <ScrollTranslateY className=\"h-dvh  py-8 px-6 flex justify-center items-center\">\n        <ScrollInset\n          className=\"overflow-hidden w-full flex justify-center items-center\"\n          insetRangeY={[20, 0]}\n          insetXRange={[20, 0]}\n          roundednessRange={[999, 16]}\n        >\n          <video\n            className=\"relative z-10  max-h-full max-w-full \"\n            src=\"https://videos.pexels.com/video-files/8086711/8086711-uhd_2560_1440_25fps.mp4\"\n            autoPlay\n            muted\n            loop\n            playsInline\n          />\n        </ScrollInset>\n      </ScrollTranslateY>\n    </ScrollAnimation>\n  );\n}\n",
      "type": "registry:block",
      "target": "components/systaliko-ui/scroll-animation-inset-demo.tsx"
    }
  ],
  "type": "registry:block"
}