{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "splitting-with-custom-variants-demo",
  "type": "registry:ui",
  "title": "Splitting with Custom Variants Demo",
  "description": "Demo showing an animated splitting text with custom variants.",
  "registryDependencies": [
    "https://animate-ui.com/r/splitting-text"
  ],
  "files": [
    {
      "path": "registry/demo/text/splitting-with-custom-variants/index.tsx",
      "content": "import { SplittingText } from '@/components/animate-ui/text/splitting';\n\nexport const SplittingWithCustomVariantsDemo = () => {\n  return (\n    <SplittingText\n      className=\"text-lg\"\n      type=\"chars\"\n      inView\n      text=\"Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.\"\n      motionVariants={{\n        initial: { y: 50, scale: 0.5, opacity: 0, x: 50, rotate: 90 },\n        animate: { y: 0, scale: 1, opacity: 1, x: 0, rotate: 0 },\n        transition: { duration: 0.5, ease: 'easeOut' },\n      }}\n    />\n  );\n};\n",
      "type": "registry:ui",
      "target": "components/animate-ui/demo/text/splitting-with-custom-variants.tsx"
    }
  ]
}