{
  "$schema": "https://ui.shadcn.com/schema/registry.json",
  "name": "systaliko",
  "homepage": "https://systaliko.com",
  "items": [
    {
      "name": "index",
      "type": "registry:style",
      "dependencies": [
        "tw-animate-css",
        "class-variance-authority",
        "lucide-react"
      ],
      "registryDependencies": [
        "utils"
      ],
      "cssVars": {},
      "files": []
    },
    {
      "name": "animated-menu",
      "type": "registry:block",
      "title": "Animated Menu",
      "description": "Animated menu, with orchestrated children animation, fully customizable.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/blocks/animated-menu/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/animated-menu.tsx"
        }
      ]
    },
    {
      "name": "container-stagger",
      "type": "registry:block",
      "title": "Stagger Animations",
      "description": "Animated Block with orchestrated stagger animations, for your motion components, the animations are triggered by view.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/blocks/container-stagger/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/container-stagger.tsx"
        }
      ]
    },
    {
      "name": "full-screen-navigation-menu",
      "type": "registry:block",
      "title": "Full screen navigation menu",
      "description": "Transforming Shadcn navigation menu into a full screen menu.",
      "files": [
        {
          "path": "registry/blocks/full-screen-navigation-menu/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/full-screen-navigation-menu.tsx"
        }
      ]
    },
    {
      "name": "globe",
      "type": "registry:block",
      "title": "Globe",
      "description": "Globe map with optional map pins.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/svg-globe-path"
      ],
      "files": [
        {
          "path": "registry/blocks/globe/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/globe.tsx"
        }
      ]
    },
    {
      "name": "grid-bento",
      "type": "registry:block",
      "title": "Grid Bento",
      "description": "Bento Grid, layout with multiple variants and displays.",
      "files": [
        {
          "path": "registry/blocks/grid-bento/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/grid-bento.tsx"
        }
      ]
    },
    {
      "name": "header",
      "type": "registry:block",
      "title": "Header",
      "description": "Responsive Header, with a logo and navigation links, supporting both desktop and mobile layouts, and toggles on scroll.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/use-toggle-onscroll"
      ],
      "files": [
        {
          "path": "registry/blocks/header/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/header.tsx"
        }
      ]
    },
    {
      "name": "image-player",
      "type": "registry:block",
      "title": "Image Player",
      "description": "Create your own image player GIF/video, with image player component.",
      "files": [
        {
          "path": "registry/blocks/image-player/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/image-player.tsx"
        }
      ]
    },
    {
      "name": "shader",
      "type": "registry:block",
      "title": "Shader",
      "description": "Shader component with two variants for gradient and hurricane both can be configured.",
      "files": [
        {
          "path": "registry/blocks/shader/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/shader.tsx"
        }
      ]
    },
    {
      "name": "slideshow",
      "type": "registry:block",
      "title": "Slideshow",
      "description": "Display the active image and activate the next image with hovering the text indicator.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/text-stagger-hover"
      ],
      "files": [
        {
          "path": "registry/blocks/slideshow/index.tsx",
          "type": "registry:ui",
          "target": "components/systaliko-ui/slideshow.tsx"
        }
      ]
    },
    {
      "name": "story",
      "type": "registry:block",
      "title": "Story",
      "description": "Simillar to IG story, Story is a component that allows you to display a collection of components in a single view.",
      "files": [
        {
          "path": "registry/blocks/story/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/blocks/story.tsx"
        }
      ]
    },
    {
      "name": "timeline",
      "type": "registry:block",
      "title": "Timeline",
      "description": "Timeline, where you can showcase history (like your work) or a process (like a project).",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/blocks/timeline/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/timeline.tsx"
        }
      ]
    },
    {
      "name": "card",
      "type": "registry:ui",
      "title": "Card",
      "description": "Card component with variants.",
      "files": [
        {
          "path": "registry/cards/card/index.tsx",
          "type": "registry:ui",
          "target": "components/systaliko-ui/card.tsx"
        }
      ]
    },
    {
      "name": "card-curtain-reveal",
      "type": "registry:ui",
      "title": "Curtain Reveal Card",
      "description": "Interactive card component with open curtain to see content on hover gesture.",
      "files": [
        {
          "path": "registry/cards/card-curtain-reveal/index.tsx",
          "type": "registry:ui",
          "target": "components/systaliko-ui/card-curtain-reveal.tsx"
        }
      ]
    },
    {
      "name": "card-flip",
      "type": "registry:ui",
      "title": "3d Flip Card",
      "description": "An interactive card component that flips on hover with smooth 3D transitions.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/cards/card-flip/index.tsx",
          "type": "registry:ui",
          "target": "components/systaliko-ui/card-flip.tsx"
        }
      ]
    },
    {
      "name": "card-hover-reveal",
      "type": "registry:ui",
      "title": "Hover Reveal Details Card",
      "description": "Animated card with gesture animations,  Reveals hidden content and scale main image on hover.",
      "files": [
        {
          "path": "registry/cards/card-hover-reveal/index.tsx",
          "type": "registry:ui",
          "target": "components/systaliko-ui/card-hover-reveal.tsx"
        }
      ]
    },
    {
      "name": "card-testimonial",
      "type": "registry:ui",
      "title": "Card Testimonial",
      "description": "Card Testimonial, with rating, block quote, and author's informations.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/default-avatar",
        "https://systaliko-ui.vercel.app/r/default-rating-stars",
        "https://systaliko-ui.vercel.app/r/default-card"
      ],
      "files": [
        {
          "path": "registry/cards/card-testimonial/index.tsx",
          "type": "registry:ui",
          "target": "components/systaliko-ui/cards/card-testimonial.tsx"
        }
      ]
    },
    {
      "name": "cards-stack",
      "type": "registry:block",
      "title": "Cards Stack",
      "description": "Stack of cards to showcase a related set of element, like your services, your work, features, process of work, timeline, etc.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/cards/cards-stack/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/cards/cards-stack.tsx"
        }
      ]
    },
    {
      "name": "cards-stack-rotated",
      "type": "registry:block",
      "title": "Cards Stack Rotated",
      "description": "Stack of cards rotated by a defined index value to rotate in sequence, it show one card at a time depending on the scroll position.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "registry/cards/card-testimonial/index.tsx"
      ],
      "files": [
        {
          "path": "registry/cards/cards-stack-rotated/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/cards/cards-stack-rotated.tsx"
        }
      ]
    },
    {
      "name": "checkbox-field",
      "type": "registry:ui",
      "title": "checkbox-field",
      "description": "Checkbox field with label.",
      "files": [
        {
          "path": "registry/components/checkbox-field/index.tsx",
          "type": "registry:ui",
          "target": "components/systaliko-ui/checkbox-field.tsx"
        }
      ]
    },
    {
      "name": "custom-cursor",
      "type": "registry:ui",
      "title": "Custom Cursor",
      "description": "Turn your cursor into any element your want, text, image, video, or a shape.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/default-use-follow-mouse"
      ],
      "files": [
        {
          "path": "registry/components/custom-cursor/index.tsx",
          "type": "registry:ui",
          "target": "components/systaliko-ui/ui/custom-cursor.tsx"
        }
      ]
    },
    {
      "name": "pulse",
      "type": "registry:ui",
      "title": "Pulse",
      "description": "Pulse effect for attracting user attention.",
      "files": [
        {
          "path": "registry/components/pulse/index.tsx",
          "type": "registry:ui",
          "target": "components/systaliko-ui/pulse.tsx"
        }
      ]
    },
    {
      "name": "rating-stars",
      "type": "registry:ui",
      "title": "Rating Stars",
      "description": "Stars rating component with customizable color, depending on average rating.",
      "files": [
        {
          "path": "registry/components/rating-stars/index.tsx",
          "type": "registry:ui",
          "target": "components/systaliko-ui/rating-stars.tsx"
        }
      ]
    },
    {
      "name": "reveal-mask",
      "type": "registry:ui",
      "title": "reveal mask",
      "description": "reveal mask animation effect.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/components/reveal-mask/index.tsx",
          "type": "registry:ui",
          "target": "components/systaliko-ui/reveal-mask.tsx"
        }
      ]
    },
    {
      "name": "spotlight-list",
      "type": "registry:ui",
      "title": "spotlight-list",
      "description": "Spotlight list, when hovering an item it will highlight it by decreasing the visiblity of the other items.",
      "dependencies": [
        "class-variance-authority"
      ],
      "files": [
        {
          "path": "registry/components/spotlight-list/index.tsx",
          "type": "registry:ui",
          "target": "components/systaliko-ui/spotlight-list.tsx"
        }
      ]
    },
    {
      "name": "animated-menu-demo",
      "type": "registry:block",
      "title": "Animated Menu Demo",
      "description": "Demo showing animated menu component.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/animated-menu"
      ],
      "files": [
        {
          "path": "registry/demo/blocks/animated-menu/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/demo/animated-menu.tsx"
        }
      ]
    },
    {
      "name": "animated-menu-2-demo",
      "type": "registry:block",
      "title": "Animated Menu 2 Demo",
      "description": "another demo showing animated menu component.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/animated-menu"
      ],
      "files": [
        {
          "path": "registry/demo/blocks/animated-menu-2/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/demo/animated-menu-2.tsx"
        }
      ]
    },
    {
      "name": "animated-menu-full-screen-demo",
      "type": "registry:block",
      "title": "Animated Menu Demo",
      "description": "another demo showing animated menu component in full screen mode.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/animated-menu-full-screen"
      ],
      "files": [
        {
          "path": "registry/demo/blocks/animated-menu-full-screen/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/demo/blocks/animated-menu-full-screen.tsx"
        }
      ]
    },
    {
      "name": "container-stagger-demo",
      "type": "registry:block",
      "title": "Stagger Container Demo",
      "description": "Demo showing stagger container component.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/container-stagger",
        "https://systaliko-ui.vercel.app/r/transitions"
      ],
      "files": [
        {
          "path": "registry/demo/blocks/container-stagger/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/demo/blocks/container-stagger.tsx"
        }
      ]
    },
    {
      "name": "container-stagger-2-demo",
      "type": "registry:block",
      "title": "Container Stagger Demo",
      "description": "Demo showing another use case for container stagger with your motion components.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/container-stagger",
        "https://systaliko-ui.vercel.app/r/animation-variants"
      ],
      "files": [
        {
          "path": "registry/demo/blocks/container-stagger-2/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/blocks/container-stagger.tsx"
        }
      ]
    },
    {
      "name": "full-screen-navigation-menu-demo",
      "type": "registry:block",
      "title": "Full screen navigation Demo",
      "description": "Demo showing Full screen navigation component.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/full-screen-navigation-menu"
      ],
      "files": [
        {
          "path": "registry/demo/blocks/full-screen-navigation-menu/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/demo/blocks/full-screen-navigation-menu.tsx"
        }
      ]
    },
    {
      "name": "globe-demo",
      "type": "registry:block",
      "title": "Globe Demo",
      "description": "Demo showing Globe component.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/globe"
      ],
      "files": [
        {
          "path": "registry/demo/blocks/globe/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/demo/globe.tsx"
        }
      ]
    },
    {
      "name": "grid-bento-demo",
      "type": "registry:block",
      "title": "Grid Bento Demos",
      "description": "Grid Bento Demo with multiple variants.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/grid-bento"
      ],
      "files": [
        {
          "path": "registry/demo/blocks/grid-bento/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/demo/blocks/grid-bento.tsx"
        }
      ]
    },
    {
      "name": "grid-bento-four-cells-demo",
      "type": "registry:block",
      "title": "Grid Bento Demos",
      "description": "Grid Bento Demo with multiple variants.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/grid-bento-four-cells"
      ],
      "files": [
        {
          "path": "registry/demo/blocks/grid-bento-four-cells/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/demo/blocks/grid-bento-four-cells.tsx"
        }
      ]
    },
    {
      "name": "grid-bento-three-cells-demo",
      "type": "registry:block",
      "title": "Grid Bento Three Cells Demo",
      "description": "Demo showing another variant of grid bento component.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/grid-bento-three-cells"
      ],
      "files": [
        {
          "path": "registry/demo/blocks/grid-bento-three-cells/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/demo/blocks/grid-bento-three-cells.tsx"
        }
      ]
    },
    {
      "name": "header-demo",
      "type": "registry:block",
      "title": "Header Demo",
      "description": "Demo showing Header component.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/header",
        "https://systaliko-ui.vercel.app/r/animated-menu",
        "https://systaliko-ui.vercel.app/r/use-mobile"
      ],
      "files": [
        {
          "path": "registry/demo/blocks/header/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/demo/blocks/header.tsx"
        }
      ]
    },
    {
      "name": "image-player-demo",
      "type": "registry:block",
      "title": "Image Player Demo",
      "description": "Demo showing how to use image player component.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/image-player"
      ],
      "files": [
        {
          "path": "registry/demo/blocks/image-player/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/demo/blocks/image-player.tsx"
        }
      ]
    },
    {
      "name": "shader-demo",
      "type": "registry:block",
      "title": "Shader Demo",
      "description": "Demo showing shader component.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/shader"
      ],
      "files": [
        {
          "path": "registry/demo/blocks/shader/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/demo/shader.tsx"
        }
      ]
    },
    {
      "name": "shader-hurricane-demo",
      "type": "registry:block",
      "title": "Shader Hurricane Demo",
      "description": "Demo showing hurricane shader component.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/shader"
      ],
      "files": [
        {
          "path": "registry/demo/blocks/shader-hurricane/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/demo/shader-hurricane.tsx"
        }
      ]
    },
    {
      "name": "slideshow-demo",
      "type": "registry:block",
      "title": "Slideshow Demo",
      "description": "Demo showing how to use slideshow component.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/slideshow"
      ],
      "files": [
        {
          "path": "registry/demo/blocks/slideshow/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/slideshow-demo.tsx"
        }
      ]
    },
    {
      "name": "story-demo",
      "type": "registry:block",
      "title": "Story Demo",
      "description": "Demo showing how to use story component.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/story",
        "https://systaliko-ui.vercel.app/r/dialog",
        "https://systaliko-ui.vercel.app/r/avatar"
      ],
      "files": [
        {
          "path": "registry/demo/blocks/story/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/story-demo.tsx"
        }
      ]
    },
    {
      "name": "timeline-demo",
      "type": "registry:block",
      "title": "Timeline Demo",
      "description": "Demo showing timeline component.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/timeline"
      ],
      "files": [
        {
          "path": "registry/demo/blocks/timeline/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/demo/timeline.tsx"
        }
      ]
    },
    {
      "name": "card-curtain-reveal-demo",
      "type": "registry:ui",
      "title": "Card Curtain Reveal Demo",
      "description": "Demo showing Card Curtain Reveal Component.",
      "registryDependencies": [
        "systaliko-ui.vercel.app/r/card-curtain-reveal"
      ],
      "files": [
        {
          "path": "registry/demo/cards/card-curtain-reveal/index.tsx",
          "type": "registry:ui",
          "target": "components/systaliko-ui/demo/cards/card-curtain-reveal.tsx"
        }
      ]
    },
    {
      "name": "card-flip-demo",
      "type": "registry:ui",
      "title": "Flip Card Demo",
      "description": "Demo showing Flip Card Component.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/card-flip"
      ],
      "files": [
        {
          "path": "registry/demo/cards/card-flip/index.tsx",
          "type": "registry:ui",
          "target": "components/systaliko-ui/demo/cards/card-flip.tsx"
        }
      ]
    },
    {
      "name": "card-hover-reveal-demo",
      "type": "registry:ui",
      "title": "Card Hover Reveal Demo",
      "description": "Demo showing Card Hover Reveal Component.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/card-hover-reveal"
      ],
      "files": [
        {
          "path": "registry/demo/cards/card-hover-reveal/index.tsx",
          "type": "registry:ui",
          "target": "components/systaliko-ui/demo/cards/card-hover-reveal.tsx"
        }
      ]
    },
    {
      "name": "card-hover-reveal-full-demo",
      "type": "registry:ui",
      "title": "Card Hover Reveal Full Demo",
      "description": "Demo showing another usecase of Card Hover Reveal Component.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/card-hover-reveal"
      ],
      "files": [
        {
          "path": "registry/demo/cards/card-hover-reveal-full/index.tsx",
          "type": "registry:ui",
          "target": "components/systaliko-ui/demo/cards/card-hover-reveal.tsx"
        }
      ]
    },
    {
      "name": "card-testimonial-demo",
      "type": "registry:ui",
      "title": "Card Testimonial Demo",
      "description": "Demo showing Card Testimonial Component.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/card-testimonial"
      ],
      "files": [
        {
          "path": "registry/demo/cards/card-testimonial/index.tsx",
          "type": "registry:ui",
          "target": "components/systaliko-ui/demo/cards/card-testimonial.tsx"
        }
      ]
    },
    {
      "name": "card-testimonial-2-demo",
      "type": "registry:ui",
      "title": "Card Testimonial Demo",
      "description": "Demo showing Card Testimonial Component.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/card-testimonial"
      ],
      "files": [
        {
          "path": "registry/demo/cards/card-testimonial-2/index.tsx",
          "type": "registry:ui",
          "target": "components/systaliko-ui/demo/cards/card-testimonial.tsx"
        }
      ]
    },
    {
      "name": "cards-stack-demo",
      "type": "registry:block",
      "title": "Sticky Cards stack Demo",
      "description": "Demo of sticky cards stack.",
      "registryDependencies": [
        "systaliko-ui.vercel.app/r/cards-stack"
      ],
      "files": [
        {
          "path": "registry/demo/cards/cards-stack/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/demo/cards/cards-stack.tsx"
        }
      ]
    },
    {
      "name": "cards-stack-achievements-demo",
      "type": "registry:block",
      "title": "Stack small cards Demo",
      "description": "Demo showing different usecase of Cards Stack component with smaller cards.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/cards-stack"
      ],
      "files": [
        {
          "path": "registry/demo/cards/cards-stack-achievements/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/demo/cards/cards-stack-achievements.tsx"
        }
      ]
    },
    {
      "name": "cards-stack-rotated-demo",
      "type": "registry:block",
      "title": "Cards Stack Rotated Demo",
      "description": "Demo showing Cards Stack Rotated component.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/cards-stack-rotated",
        "https://systaliko-ui.vercel.app/r/card-testimonial"
      ],
      "files": [
        {
          "path": "registry/demo/cards/cards-stack-rotated/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/demo/cards/cards-stack-rotated.tsx"
        }
      ]
    },
    {
      "name": "cards-stack-rotated-recognitions-demo",
      "type": "registry:block",
      "title": "Stack small cards Demo",
      "description": "Demo showing different usecase of Cards Rotated Stack component.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/cards-stack-rotated"
      ],
      "files": [
        {
          "path": "registry/demo/cards/cards-stack-rotated-recognitions/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/demo/cards/cards-stack-rotated-recognitions.tsx"
        }
      ]
    },
    {
      "name": "cards-stack-full-demo",
      "type": "registry:block",
      "title": "Cards stack full screen Demo",
      "description": "Demo showing different usecase of Cards Stack component.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/cards-stack",
        "https://systaliko-ui.vercel.app/r/badge"
      ],
      "files": [
        {
          "path": "registry/demo/cards/cards-stack-work/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/demo/cards/cards-stack-work.tsx"
        }
      ]
    },
    {
      "name": "hover-preview-demo",
      "type": "registry:ui",
      "title": "Hover Preview Demo",
      "description": "Demo showing usage of hover preview component.",
      "registryDependencies": [
        "systaliko-ui.vercel.app/r/custom-cursor"
      ],
      "files": [
        {
          "path": "registry/demo/cards/hover-preview/index.tsx",
          "type": "registry:ui",
          "target": "components/systaliko-ui/demo/cards/hover-preview.tsx"
        }
      ]
    },
    {
      "name": "checkbox-field-demo",
      "type": "registry:ui",
      "title": "Input Field Demo",
      "description": "Demo showing Input field component.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/checkbox-field"
      ],
      "files": [
        {
          "path": "registry/demo/components/checkbox-field/index.tsx",
          "type": "registry:ui",
          "target": "components/systaliko-ui/checkbox-field-demo.tsx"
        }
      ]
    },
    {
      "name": "custom-cursor-demo",
      "type": "registry:ui",
      "title": "Custom Cursor Demo",
      "description": "Demo showing Custom Cursor component.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/custom-cursor",
        "https://systaliko-ui.vercel.app/r/button"
      ],
      "files": [
        {
          "path": "registry/demo/components/custom-cursor/index.tsx",
          "type": "registry:ui",
          "target": "components/systaliko-ui/custom-cursor-demo.tsx"
        }
      ]
    },
    {
      "name": "custom-cursor-2-demo",
      "type": "registry:ui",
      "title": "Custom Cursor 2 Demo",
      "description": "Demo showing another usecase of Custom Cursor component.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/custom-cursor"
      ],
      "files": [
        {
          "path": "registry/demo/components/custom-cursor-2/index.tsx",
          "type": "registry:ui",
          "target": "components/systaliko-ui/demo/custom-cursor.tsx"
        }
      ]
    },
    {
      "name": "rating-stars-demo",
      "type": "registry:ui",
      "title": "Rating stars Demo",
      "description": "Demo showing Rating stars component.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/rating-stars"
      ],
      "files": [
        {
          "path": "registry/demo/components/rating-stars/index.tsx",
          "type": "registry:ui",
          "target": "components/systaliko-ui/demo/rating-stars.tsx"
        }
      ]
    },
    {
      "name": "reveal-mask-demo",
      "type": "registry:ui",
      "title": "Reveal Mask Demo",
      "description": "Demo showing Reveal mask component.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/reveal-mask"
      ],
      "files": [
        {
          "path": "registry/demo/components/reveal-mask/index.tsx",
          "type": "registry:ui",
          "target": "components/systaliko-ui/demo/reveal-mask.tsx"
        }
      ]
    },
    {
      "name": "spotlight-list-demo",
      "type": "registry:ui",
      "title": "Spotlight List Demo",
      "description": "Demo showing Spotlight list component.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/spotlight-list"
      ],
      "files": [
        {
          "path": "registry/demo/components/spotlight-list/index.tsx",
          "type": "registry:ui",
          "target": "components/systaliko-ui/spotlight-list-demo.tsx"
        }
      ]
    },
    {
      "name": "spotlight-list-2-demo",
      "type": "registry:ui",
      "title": "Spotlight List Demo",
      "description": "Demo showing Spotlight list component.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/spotlight-list-2"
      ],
      "files": [
        {
          "path": "registry/demo/components/spotlight-list-2/index.tsx",
          "type": "registry:ui",
          "target": "components/systaliko-ui/spotlight-list-2-demo.tsx"
        }
      ]
    },
    {
      "name": "custom-pricing-design-demo",
      "type": "registry:block",
      "title": "Custom Pricing Design Demo",
      "description": "Demo showing custom pricing component for a design service.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/custom-pricing"
      ],
      "files": [
        {
          "path": "registry/demo/ecommerce/custom-pricing-design/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/demo/custom-pricing-design.tsx"
        }
      ]
    },
    {
      "name": "expandable-grid-demo",
      "type": "registry:block",
      "title": "Expandable Product Grid Demo",
      "description": "Demo showing expandable product grid component.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/ecommerce/expandable-grid"
      ],
      "files": [
        {
          "path": "registry/demo/ecommerce/expandable-grid/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/demo/expandable-grid.tsx"
        }
      ]
    },
    {
      "name": "image-zoom-demo",
      "type": "registry:block",
      "title": "Image Zoom Demo",
      "description": "Demo showing image zoom component.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/ecommerce/image-zoom"
      ],
      "files": [
        {
          "path": "registry/demo/ecommerce/image-zoom/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/demo/image-zoom.tsx"
        }
      ]
    },
    {
      "name": "infinite-scroll-demo",
      "type": "registry:block",
      "title": "Infinite Scroll Demo",
      "description": "Demo showing infinite scroll component.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/infinite-scroll"
      ],
      "files": [
        {
          "path": "registry/demo/ecommerce/infinite-scroll/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/demo/infinite-scroll.tsx"
        }
      ]
    },
    {
      "name": "price-demo",
      "type": "registry:block",
      "title": "price Demo",
      "description": "Demo showing price component.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/badge",
        "https://systaliko-ui.vercel.app/r/r/price"
      ],
      "files": [
        {
          "path": "registry/demo/ecommerce/price/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/demo/price.tsx"
        }
      ]
    },
    {
      "name": "pricing-demo",
      "type": "registry:block",
      "title": "Pricing Demo",
      "description": "Demo showing pricing component.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/pricing",
        "https://systaliko-ui.vercel.app/r/badge",
        "https://systaliko-ui.vercel.app/r/button",
        "https://systaliko-ui.vercel.app/r/label"
      ],
      "files": [
        {
          "path": "registry/demo/ecommerce/pricing/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/demo/pricing.tsx"
        }
      ]
    },
    {
      "name": "pricing-2-demo",
      "type": "registry:block",
      "title": "Pricing-2 Demo",
      "description": "Demo showing pricing-2 component.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/pricing"
      ],
      "files": [
        {
          "path": "registry/demo/ecommerce/pricing-2/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/demo/pricing-2.tsx"
        }
      ]
    },
    {
      "name": "product-carousel-demo",
      "type": "registry:block",
      "title": "Product Carousel Demo",
      "description": "Demo showing product carousel component.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/product-carousel"
      ],
      "files": [
        {
          "path": "registry/demo/ecommerce/product-carousel/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/demo/product-carousel.tsx"
        }
      ]
    },
    {
      "name": "product-carousel-2-demo",
      "type": "registry:block",
      "title": "Product Carousel Demo",
      "description": "Another Demo showing product carousel component.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/product-carousel"
      ],
      "files": [
        {
          "path": "registry/demo/ecommerce/product-carousel-2/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/demo/product-carousel-2.tsx"
        }
      ]
    },
    {
      "name": "product-carousel-3-demo",
      "type": "registry:block",
      "title": "Product Carousel Demo",
      "description": "Another Demo showing product carousel component with different thumbs.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/product-carousel"
      ],
      "files": [
        {
          "path": "registry/demo/ecommerce/product-carousel-3/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/demo/product-carousel-3.tsx"
        }
      ]
    },
    {
      "name": "quantity-demo",
      "type": "registry:block",
      "title": "Quantity Demo",
      "description": "Demo showing Quantity component.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/ecommerce/quantity"
      ],
      "files": [
        {
          "path": "registry/demo/ecommerce/quantity/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/demo/quantity.tsx"
        }
      ]
    },
    {
      "name": "toggle-layout-demo",
      "type": "registry:block",
      "title": "Pricing Demo",
      "description": "Demo showing toggle layout view component.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/toggle-layout"
      ],
      "files": [
        {
          "path": "registry/demo/ecommerce/toggle-layout/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/demo/toggle-layout.tsx"
        }
      ]
    },
    {
      "name": "circle-cards-demo",
      "type": "registry:block",
      "title": "circle cards Demo",
      "description": "Demo showing circle cards component.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/circle-cards"
      ],
      "files": [
        {
          "path": "registry/demo/scroll-animations/circle-cards/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/demo/circle-cards.tsx"
        }
      ]
    },
    {
      "name": "distributed-cards-demo",
      "type": "registry:block",
      "title": "Distributed Cards Demo",
      "description": "Demo showing distributed cards component.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/distributed-cards"
      ],
      "files": [
        {
          "path": "registry/demo/scroll-animations/distributed-cards/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/demo/distributed-cards.tsx"
        }
      ]
    },
    {
      "name": "distributed-cards-2-demo",
      "type": "registry:block",
      "title": "Distributed Cards 2 Demo",
      "description": "Another Demo showing distributed cards component.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/distributed-cards-2"
      ],
      "files": [
        {
          "path": "registry/demo/scroll-animations/distributed-cards-2/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/demo/distributed-cards-2.tsx"
        }
      ]
    },
    {
      "name": "parallax-demo",
      "type": "registry:block",
      "title": "Parallax Demo",
      "description": "Demo showing parallax component.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/parallax",
        "https://systaliko-ui.vercel.app/r/container-stagger",
        "https://systaliko-ui.vercel.app/r/text-stagger-inview",
        "https://systaliko-ui.vercel.app/r/animation-variants",
        "https://systaliko-ui.vercel.app/r/button"
      ],
      "files": [
        {
          "path": "registry/demo/scroll-animations/parallax/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/demo/parallax.tsx"
        }
      ]
    },
    {
      "name": "scroll-animation-combo-demo",
      "type": "registry:block",
      "title": "scroll-animation-combo Demo",
      "description": "Demo showing scroll-animation-combo component.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/scroll-animation"
      ],
      "files": [
        {
          "path": "registry/demo/scroll-animations/scroll-animation-combo/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/demo/scroll-animation-combo.tsx"
        }
      ]
    },
    {
      "name": "scroll-animation-inset-demo",
      "type": "registry:block",
      "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",
          "type": "registry:block",
          "target": "components/systaliko-ui/scroll-animation-inset-demo.tsx"
        }
      ]
    },
    {
      "name": "scroll-animation-inset-x-demo",
      "type": "registry:block",
      "title": "Scroll Trigger Inset-X 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-x/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/demo/scroll-animation-inset-x.tsx"
        }
      ]
    },
    {
      "name": "scroll-animation-inset-y-demo",
      "type": "registry:block",
      "title": "Scroll Trigger X-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-y/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/demo/scroll-animation-inset-y.tsx"
        }
      ]
    },
    {
      "name": "scroll-animation-radius-demo",
      "type": "registry:block",
      "title": "scroll-animation-radius Demo",
      "description": "Demo showing how to use scroll animations.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/scroll-animations"
      ],
      "files": [
        {
          "path": "registry/demo/scroll-animations/scroll-animation-radius/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/demo/scroll-animation-radius.tsx"
        }
      ]
    },
    {
      "name": "scroll-animation-rotate-demo",
      "type": "registry:block",
      "title": "scroll rotate animation Demo",
      "description": "Demo showing how to use scroll rotate animations.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/scroll-animation-rotate"
      ],
      "files": [
        {
          "path": "registry/demo/scroll-animations/scroll-animation-rotate/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/scroll-animation-rotate-demo.tsx"
        }
      ]
    },
    {
      "name": "scroll-animation-rotate-x-demo",
      "type": "registry:block",
      "title": "scroll rotate animation device Demo",
      "description": "Demo showing how to use scroll rotate animations.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/scroll-animation-rotate"
      ],
      "files": [
        {
          "path": "registry/demo/scroll-animations/scroll-animation-rotate-x/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/scroll-animation-rotate-demo.tsx"
        }
      ]
    },
    {
      "name": "scroll-animation-rotate-y-demo",
      "type": "registry:block",
      "title": "scroll rotate animation device Demo",
      "description": "Demo showing how to use scroll rotate animations.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/scroll-animation-rotate"
      ],
      "files": [
        {
          "path": "registry/demo/scroll-animations/scroll-animation-rotate-y/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/scroll-animation-rotate-demo.tsx"
        }
      ]
    },
    {
      "name": "scroll-animation-scale-demo",
      "type": "registry:block",
      "title": "Scroll Trigger Scale 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-scale/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/demo/scroll-animation-scale.tsx"
        }
      ]
    },
    {
      "name": "scroll-animation-translate-x-demo",
      "type": "registry:block",
      "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-translate-x/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/scroll-animation-translate-x-demo.tsx"
        }
      ]
    },
    {
      "name": "scroll-autoplay-demo",
      "type": "registry:block",
      "title": "scroll autoplay Demo",
      "description": "Demo showing scroll-autoplay component.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/scroll-autoplay"
      ],
      "files": [
        {
          "path": "registry/demo/scroll-animations/scroll-autoplay/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/demo/scroll-autoplay.tsx"
        }
      ]
    },
    {
      "name": "scroll-reverse-scale-animation-demo",
      "type": "registry:block",
      "title": "Scroll Reverce Scale Animation Demo",
      "description": "Demo scroll animations component.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/scroll-animations",
        "https://systaliko-ui.vercel.app/r/grid-bento"
      ],
      "files": [
        {
          "path": "registry/demo/scroll-animations/scroll-reverse-scale-animation/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/demo/scroll-reverse-scale-animation.tsx"
        }
      ]
    },
    {
      "name": "scroll-x-carousel-demo",
      "type": "registry:block",
      "title": "scroll x carousel Demo",
      "description": "Demo showing how to use scroll x carousel component.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/scroll-x-carousel"
      ],
      "files": [
        {
          "path": "registry/demo/scroll-animations/scroll-x-carousel/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/scroll-x-carousel-demo.tsx"
        }
      ]
    },
    {
      "name": "scroll-x-carousel-reverse-demo",
      "type": "registry:block",
      "title": "scroll x carousel reversed Demo",
      "description": "another Demo showing how to use scroll x carousel component in a reversed.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/scroll-x-carousel"
      ],
      "files": [
        {
          "path": "registry/demo/scroll-animations/scroll-x-carousel-reverse/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/scroll-x-carousel-reverse-demo.tsx"
        }
      ]
    },
    {
      "name": "team-demo",
      "type": "registry:block",
      "title": "Team Demo",
      "description": "Demo showing team component.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/scroll-animation"
      ],
      "files": [
        {
          "path": "registry/demo/scroll-animations/team/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/demo/team.tsx"
        }
      ]
    },
    {
      "name": "wavy-block-demo",
      "type": "registry:block",
      "title": "Wavy Block Demo",
      "description": "Demo showing Wavy Block component.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/wavy-block"
      ],
      "files": [
        {
          "path": "registry/demo/scroll-animations/wavy-block/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/demo/wavy-block.tsx"
        }
      ]
    },
    {
      "name": "wavy-block-y-demo",
      "type": "registry:block",
      "title": "Wavy Block Y axis Demo",
      "description": "Demo showing another usage of Wavy Block component.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/wavy-block"
      ],
      "files": [
        {
          "path": "registry/demo/scroll-animations/wavy-block-y/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/demo/wavy-block-y.tsx"
        }
      ]
    },
    {
      "name": "sliding-number-demo",
      "type": "registry:ui",
      "title": "Sliding Number Demo",
      "description": "Demo showing Sliding number component.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/sliding-number"
      ],
      "files": [
        {
          "path": "registry/demo/text/sliding-number/index.tsx",
          "type": "registry:ui",
          "target": "components/systaliko-ui/demo/sliding-number.tsx"
        }
      ]
    },
    {
      "name": "text-scroll-read-demo",
      "type": "registry:ui",
      "title": "Text Scroll Read Demo",
      "description": "Demo showing Text scroll read component.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/text-scroll-read"
      ],
      "files": [
        {
          "path": "registry/demo/text/text-scroll-read/index.tsx",
          "type": "registry:ui",
          "target": "components/systaliko-ui/demo/text/text-scroll-read.tsx"
        }
      ]
    },
    {
      "name": "text-stagger-hover-demo",
      "type": "registry:ui",
      "title": "Text Stagger Hover Demo",
      "description": "Demo showing a split text with stagger animation on hover.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/text-stagger-hover"
      ],
      "files": [
        {
          "path": "registry/demo/text/text-stagger-hover/index.tsx",
          "type": "registry:ui",
          "target": "components/systaliko-ui/demo/text/text-stagger-hover.tsx"
        }
      ]
    },
    {
      "name": "text-stagger-interval-demo",
      "type": "registry:ui",
      "title": "Text Stagger Interval Demo",
      "description": "Demo showing text with stagger animation interval.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/text-stagger-interval"
      ],
      "files": [
        {
          "path": "registry/demo/text/text-stagger-interval/index.tsx",
          "type": "registry:ui",
          "target": "components/systaliko-ui/demo/text/text-stagger-interval.tsx"
        }
      ]
    },
    {
      "name": "text-stagger-inview-demo",
      "type": "registry:ui",
      "title": "Text Stagger Inview Demo",
      "description": "Demo showing a split text with stagger animation.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/text-stagger-inview"
      ],
      "files": [
        {
          "path": "registry/demo/text/text-stagger-inview/index.tsx",
          "type": "registry:ui",
          "target": "components/systaliko-ui/demo/text/text-stagger-inview.tsx"
        }
      ]
    },
    {
      "name": "text-stagger-inview-waves-demo",
      "type": "registry:ui",
      "title": "Text Stagger Inview Waves Demo",
      "description": "Demo showing another use of text stagger in view demo with waves.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/text-stagger-inview"
      ],
      "files": [
        {
          "path": "registry/demo/text/text-stagger-inview-waves/index.tsx",
          "type": "registry:ui",
          "target": "components/systaliko-ui/demo/text/text-stagger-inview-waves.tsx"
        }
      ]
    },
    {
      "name": "text-vertical-demo",
      "type": "registry:ui",
      "title": "Vertical Text Demo",
      "description": "Demo showing a vertical text.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/text-vertical"
      ],
      "files": [
        {
          "path": "registry/demo/text/text-vertical/index.tsx",
          "type": "registry:ui",
          "target": "components/systaliko-ui/demo/text/text-vertical.tsx"
        }
      ]
    },
    {
      "name": "text-wavy-demo",
      "type": "registry:ui",
      "title": "Text Wavy Demo",
      "description": "Demo showing text wavy component.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/text-wavy"
      ],
      "files": [
        {
          "path": "registry/demo/text/text-wavy/index.tsx",
          "type": "registry:ui",
          "target": "components/systaliko-ui/demo/text-wavy.tsx"
        }
      ]
    },
    {
      "name": "animation-variants-demo",
      "type": "registry:hook",
      "title": "Use Animation Variants Demo",
      "description": "Demo showing how to use animation-variants hook.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/animation-variants"
      ],
      "files": [
        {
          "path": "registry/demo/utils/animation-variants/index.tsx",
          "type": "registry:ui",
          "target": "components/systaliko-ui/animation-variants-demo.tsx"
        }
      ]
    },
    {
      "name": "set-stagger-direction-demo",
      "type": "registry:hook",
      "title": "Set Stagger Direction Demo",
      "description": "Demo showing how to use set-stagger-direction utility.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/set-stagger-direction",
        "motion"
      ],
      "files": [
        {
          "path": "registry/demo/utils/set-stagger-direction/index.tsx",
          "type": "registry:ui",
          "target": "components/systaliko-ui/demo/utils/set-stagger-direction.ts"
        }
      ]
    },
    {
      "name": "custom-pricing",
      "type": "registry:block",
      "title": "Custom Pricing",
      "description": "Flexible custom pricing component with with set of tools that allow to update the price depending on quantity unit and if or not is checked.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/slider",
        "https://systaliko-ui.vercel.app/r/custom-pricing-utils"
      ],
      "files": [
        {
          "path": "registry/ecommerce/custom-pricing/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/custom-pricing.tsx"
        }
      ]
    },
    {
      "name": "expandable-grid",
      "type": "registry:block",
      "title": "Expandable Grid",
      "description": "expandable grid for previewing clicked item.",
      "files": [
        {
          "path": "registry/ecommerce/expandable-grid/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/expandable-grid.tsx"
        }
      ]
    },
    {
      "name": "image-zoom",
      "type": "registry:block",
      "title": "Image zoom",
      "description": "zoom in and out with detect touch event.",
      "dependencies": [
        "react-inner-image-zoom"
      ],
      "files": [
        {
          "path": "registry/ecommerce/image-zoom/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/image-zoom.tsx"
        }
      ]
    },
    {
      "name": "infinite-scroll",
      "type": "registry:block",
      "title": "Infinite Scroll",
      "description": "infinite scroll container instead of pagination, for large lists and fetching data.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/shadcn/spinner"
      ],
      "files": [
        {
          "path": "registry/ecommerce/infinite-scroll/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/infinite-scroll.tsx"
        }
      ]
    },
    {
      "name": "price",
      "type": "registry:block",
      "title": "price",
      "description": "Flexible price component with customizable features and options to display the amount and currency.",
      "files": [
        {
          "path": "registry/ecommerce/price/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/price.tsx"
        }
      ]
    },
    {
      "name": "pricing",
      "type": "registry:block",
      "title": "Pricing",
      "description": "Flexible pricing component with customizable features and options.",
      "files": [
        {
          "path": "registry/ecommerce/pricing/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/pricing.tsx"
        }
      ]
    },
    {
      "name": "product-carousel",
      "type": "registry:block",
      "title": "Product Carousel",
      "description": "Showcase your products with preview image for each product and display your different product colors.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ecommerce/product-carousel/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/product-carousel.tsx"
        }
      ]
    },
    {
      "name": "quantity",
      "type": "registry:block",
      "title": "Quantity Config",
      "description": "Quantity config for ecommerce products.",
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/shadcn/button"
      ],
      "files": [
        {
          "path": "registry/ecommerce/quantity/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/quantity.tsx"
        }
      ]
    },
    {
      "name": "toggle-layout",
      "type": "registry:block",
      "title": "Toggle list layout",
      "description": "Toggle list layout, toggling between a list and a grid view.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ecommerce/toggle-layout/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/toggle-layout.tsx"
        }
      ]
    },
    {
      "name": "circle-cards",
      "type": "registry:block",
      "title": "Circle Cards",
      "description": "circle cards, animated on scroll with circle movement.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/scroll-animations/circle-cards/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/circle-cards.tsx"
        }
      ]
    },
    {
      "name": "distributed-cards",
      "type": "registry:block",
      "title": "Distr",
      "description": "Distributed cards, same as soliter, starts all at one position then animates to its position.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/scroll-animations/distributed-cards/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/distributed-cards.tsx"
        }
      ]
    },
    {
      "name": "parallax",
      "type": "registry:block",
      "title": "Parallax",
      "description": "Parallax block, creates a parallax effect.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/scroll-animations/parallax/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/parallax.tsx"
        }
      ]
    },
    {
      "name": "scroll-animation",
      "type": "registry:block",
      "title": "Scroll Animation",
      "description": "Collection of scroll triggered animations, Triggering the animation by scroll event.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/scroll-animations/scroll-animation/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/scroll-animation.tsx"
        }
      ]
    },
    {
      "name": "scroll-animation-rotate",
      "type": "registry:block",
      "title": "Scroll Rotation Animation",
      "description": "Collection of scroll rotation animations, Triggering the animation by scroll event.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/scroll-animations/scroll-animation-rotate/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/scroll-animation-rotate.tsx"
        }
      ]
    },
    {
      "name": "scroll-autoplay",
      "type": "registry:block",
      "title": "Scroll Autoplay",
      "description": "Displaying different content depending on order and scroll position.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/scroll-animations/scroll-autoplay/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/scroll-autoplay.tsx"
        }
      ]
    },
    {
      "name": "scroll-x-carousel",
      "type": "registry:block",
      "title": "Scroll X Carousel",
      "description": "Scroll carousel on x axis, with optional progress indicator.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/scroll-animations/scroll-x-carousel/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/scroll-x-carousel.tsx"
        }
      ]
    },
    {
      "name": "wavy-block",
      "type": "registry:block",
      "title": "Wavy Block",
      "description": "block animates its children in waves pattern.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/scroll-animations/wavy-block/index.tsx",
          "type": "registry:block",
          "target": "components/systaliko-ui/wavy-block.tsx"
        }
      ]
    },
    {
      "name": "avatar",
      "type": "registry:ui",
      "title": "avatar",
      "description": "avatar component with variants.",
      "files": [
        {
          "path": "registry/shadcn/avatar/index.tsx",
          "type": "registry:ui",
          "target": "components/avatar.tsx"
        }
      ]
    },
    {
      "name": "badge",
      "type": "registry:ui",
      "title": "Badge",
      "description": "Badge component with variants.",
      "files": [
        {
          "path": "registry/shadcn/badge/index.tsx",
          "type": "registry:ui",
          "target": "components/badge.tsx"
        }
      ]
    },
    {
      "name": "badge",
      "type": "registry:ui",
      "title": "Button",
      "description": "Button component with variants.",
      "files": [
        {
          "path": "registry/shadcn/button/index.tsx",
          "type": "registry:ui",
          "target": "components/button.tsx"
        }
      ]
    },
    {
      "name": "dialog",
      "type": "registry:ui",
      "title": "Dialog",
      "description": "Dialog component.",
      "files": [
        {
          "path": "registry/shadcn/dialog/index.tsx",
          "type": "registry:ui",
          "target": "components/dialog.tsx"
        }
      ]
    },
    {
      "name": "drawer",
      "type": "registry:ui",
      "title": "drawer",
      "description": "drawer component.",
      "files": [
        {
          "path": "registry/shadcn/drawer/index.tsx",
          "type": "registry:ui",
          "target": "components/drawer.tsx"
        }
      ]
    },
    {
      "name": "empty",
      "type": "registry:ui",
      "title": "empty",
      "description": "empty component.",
      "files": [
        {
          "path": "registry/shadcn/empty/index.tsx",
          "type": "registry:ui",
          "target": "components/empty.tsx"
        }
      ]
    },
    {
      "name": "field",
      "type": "registry:ui",
      "title": "field",
      "description": "field component.",
      "files": [
        {
          "path": "registry/shadcn/field/index.tsx",
          "type": "registry:ui",
          "target": "components/field.tsx"
        }
      ]
    },
    {
      "name": "input",
      "type": "registry:ui",
      "title": "input",
      "description": "input component with variants.",
      "files": [
        {
          "path": "registry/shadcn/input/index.tsx",
          "type": "registry:ui",
          "target": "components/input.tsx"
        }
      ]
    },
    {
      "name": "label",
      "type": "registry:ui",
      "title": "label",
      "description": "label component.",
      "files": [
        {
          "path": "registry/shadcn/label/index.tsx",
          "type": "registry:ui",
          "target": "components/label.tsx"
        }
      ]
    },
    {
      "name": "avatar",
      "type": "registry:ui",
      "title": "avatar",
      "description": "avatar component with variants.",
      "files": [
        {
          "path": "registry/shadcn/avatar/index.tsx",
          "type": "registry:ui",
          "target": "components/avatar.tsx"
        }
      ]
    },
    {
      "name": "scroll-area",
      "type": "registry:ui",
      "title": "Scroll Area",
      "description": "Scroll Area component.",
      "files": [
        {
          "path": "registry/shadcn/scroll-area/index.tsx",
          "type": "registry:ui",
          "target": "components/scroll-area.tsx"
        }
      ]
    },
    {
      "name": "select",
      "type": "registry:ui",
      "title": "Select",
      "description": "Select component with variants.",
      "files": [
        {
          "path": "registry/shadcn/select/index.tsx",
          "type": "registry:ui",
          "target": "components/select.tsx"
        }
      ]
    },
    {
      "name": "slider",
      "type": "registry:ui",
      "title": "slider",
      "description": "slider component with variants.",
      "files": [
        {
          "path": "registry/shadcn/slider/index.tsx",
          "type": "registry:ui",
          "target": "components/slider.tsx"
        }
      ]
    },
    {
      "name": "spinner",
      "type": "registry:ui",
      "title": "spinner",
      "description": "spinner component with variants.",
      "files": [
        {
          "path": "registry/shadcn/spinner/index.tsx",
          "type": "registry:ui",
          "target": "components/spinner.tsx"
        }
      ]
    },
    {
      "name": "switch",
      "type": "registry:ui",
      "title": "switch",
      "description": "switch component with variants.",
      "files": [
        {
          "path": "registry/shadcn/switch/index.tsx",
          "type": "registry:ui",
          "target": "components/switch.tsx"
        }
      ]
    },
    {
      "name": "sliding-number",
      "type": "registry:ui",
      "title": "Sliding Number",
      "description": "Number value with splitted animation.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/text/sliding-number/index.tsx",
          "type": "registry:ui",
          "target": "components/systaliko-ui/sliding-number.tsx"
        }
      ]
    },
    {
      "name": "text-flip",
      "type": "registry:ui",
      "title": "Flip Text",
      "description": "Flipped text animation, flips the text",
      "files": [
        {
          "path": "registry/text/text-flip/index.tsx",
          "type": "registry:ui",
          "target": "components/systaliko-ui/text-flip.tsx"
        }
      ]
    },
    {
      "name": "text-scroll-read",
      "type": "registry:ui",
      "title": "Text Scroll Read",
      "description": "Text component allows you to read the text by scrolling.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/text/text-scroll-read/index.tsx",
          "type": "registry:ui",
          "target": "components/systaliko-ui/text-scroll-read.tsx"
        }
      ]
    },
    {
      "name": "text-stagger-hover",
      "type": "registry:ui",
      "title": "Text Stagger Hover",
      "description": "Splitted text animation with staggered effect triggered by hover gesture, You can easily customize by controlling the animation property (transform, opacity, blur), the stagger value, and the transition.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/set-stagger-direction",
        "https://systaliko-ui.vercel.app/r/split-text",
        "https://systaliko-ui.vercel.app/r/animation-variants"
      ],
      "files": [
        {
          "path": "registry/text/text-stagger-hover/index.tsx",
          "type": "registry:ui",
          "target": "components/systaliko-ui/text-stagger-hover.tsx"
        }
      ]
    },
    {
      "name": "text-stagger-interval",
      "type": "registry:ui",
      "title": "Text Stagger Interval",
      "description": "Staggered text display that cycles through a list of words at a specified interval. Pause the animation by hovering over the component.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/animation-variants"
      ],
      "files": [
        {
          "path": "registry/text/text-stagger-interval/index.tsx",
          "type": "registry:ui",
          "target": "components/systaliko-ui/text-stagger-interval.tsx"
        }
      ]
    },
    {
      "name": "text-stagger-inview",
      "type": "registry:ui",
      "title": "Text Stagger Inview",
      "description": "Splitted text animation with staggered reveal triggered by view, You can easily customize by controlling the animation property (transform, opacity, blur) and the stagger value, and the transition.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/animation-variants"
      ],
      "files": [
        {
          "path": "registry/text/text-stagger-inview/index.tsx",
          "type": "registry:ui",
          "target": "components/systaliko-ui/text-stagger-inview.tsx"
        }
      ]
    },
    {
      "name": "text-vertical",
      "type": "registry:ui",
      "title": "Vertical Text",
      "description": "Text with vertical display, Can be used as a title or a subtitle.",
      "files": [
        {
          "path": "registry/text/text-vertical/index.tsx",
          "type": "registry:ui",
          "target": "components/systaliko-ui/text-vertical.tsx"
        }
      ]
    },
    {
      "name": "text-wavy",
      "type": "registry:ui",
      "title": "Text Wavy",
      "description": "Infinite text animation with wavy effect.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/text/text-wavy/index.tsx",
          "type": "registry:ui",
          "target": "components/systaliko-ui/text-wavy.tsx"
        }
      ]
    },
    {
      "name": "word-stagger",
      "type": "registry:ui",
      "title": "Word Stagger",
      "description": "Alternative to text-stagger-inview and text-stagger-hover, in case you have one word or you want more custom text animations, use this component, it is used in the same way as text-stagger-inview and text-stagger-hover.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "https://systaliko-ui.vercel.app/r/default-animation-variants"
      ],
      "files": [
        {
          "path": "registry/text/word-stagger/index.tsx",
          "type": "registry:ui",
          "target": "components/systaliko-ui/word-stagger.tsx"
        }
      ]
    },
    {
      "name": "animation-variants",
      "type": "registry:item",
      "title": "Animation Variants",
      "description": "animation variants, for your motion components, allows to animate component with transforms, opacity, and blur.",
      "files": [
        {
          "path": "registry/utils/animation-variants/index.tsx",
          "type": "registry:item",
          "target": "components/systaliko-ui/utils/animation-variants.tsx"
        }
      ]
    },
    {
      "name": "custom-pricing-utils",
      "type": "registry:item",
      "title": "Custom Pricing Utils",
      "description": "Custom pricing utils types and reducer store.",
      "files": [
        {
          "path": "registry/utils/custom-pricing-utils/index.tsx",
          "type": "registry:item",
          "target": "components/systaliko-ui/utils/custom-pricing-utils.tsx"
        }
      ]
    },
    {
      "name": "set-stagger-direction",
      "type": "registry:lib",
      "title": "stagger direction",
      "description": "stagger direction, Allow to animate in orchestrated order depending on the order, can animate from the start item, middle item, last item.",
      "files": [
        {
          "path": "registry/utils/set-stagger-direction/index.ts",
          "type": "registry:lib",
          "target": "components/systaliko-ui/utils/set-stagger-direction.ts"
        }
      ]
    },
    {
      "name": "split-text",
      "type": "registry:lib",
      "title": "split text",
      "description": "split text utility function, allows to split text into characters, words, returns (characters, words, characterCount, wordCount).",
      "files": [
        {
          "path": "registry/utils/split-text/index.ts",
          "type": "registry:lib",
          "target": "components/systaliko-ui/utils/split-text.ts"
        }
      ]
    },
    {
      "name": "svg-globe-path",
      "type": "registry:item",
      "title": "Svg Globe",
      "description": "Svg globe path.",
      "files": [
        {
          "path": "registry/utils/svg-globe-path/index.ts",
          "type": "registry:item",
          "target": "components/systaliko-ui/utils/svg-globe-path.tsx"
        }
      ]
    },
    {
      "name": "transitions",
      "type": "registry:item",
      "title": "Transitions",
      "description": "Multiple transitions for your motion components, to animate depending on the animated property.",
      "files": [
        {
          "path": "registry/utils/transitions/index.tsx",
          "type": "registry:item",
          "target": "components/systaliko-ui/utils/transitions.tsx"
        }
      ]
    },
    {
      "name": "use-follow-mouse",
      "type": "registry:hook",
      "title": "Use Follow Mouse Hook",
      "description": "As the name suggests, this hook will follow the mouse position.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/utils/use-follow-mouse/index.ts",
          "type": "registry:hook",
          "target": "components/systaliko-ui/utils/use-follow-mouse.ts"
        }
      ]
    },
    {
      "name": "use-is-scrolled",
      "type": "registry:hook",
      "title": "Use is scrolled Hook",
      "description": "use is scrolled hook to detect if the user has scrolled to the bottom of the page.",
      "files": [
        {
          "path": "registry/utils/use-is-scrolled/index.ts",
          "type": "registry:hook",
          "target": "components/systaliko-ui/utils/use-is-scrolled.ts"
        }
      ]
    },
    {
      "name": "use-mobile",
      "type": "registry:hook",
      "title": "Use mobile Hook",
      "description": "use mobile hook allows you to check if the user is on a mobile device.",
      "files": [
        {
          "path": "registry/utils/use-mobile/index.ts",
          "type": "registry:hook",
          "target": "components/systaliko-ui/utils/use-mobile.ts"
        }
      ]
    },
    {
      "name": "use-toggle-onscroll",
      "type": "registry:hook",
      "title": "use toggle onscroll",
      "description": "use toggle onscroll hook allows to toggle element position on scroll (down hide, up show).",
      "files": [
        {
          "path": "registry/utils/use-toggle-onscroll/index.ts",
          "type": "registry:hook",
          "target": "lib/systaliko-ui/use-toggle-onscroll.ts"
        }
      ]
    }
  ]
}