{
  "name": "ruixen-ui",
  "homepage": "https://ruixen.com",
  "items": [
    {
      "name": "index",
      "type": "registry:style",
      "dependencies": [
        "tw-animate-css",
        "class-variance-authority",
        "lucide-react"
      ],
      "registryDependencies": [
        "utils"
      ],
      "files": [],
      "cssVars": {}
    },
    {
      "name": "wizard-stepper",
      "type": "registry:ui",
      "title": "Wizard Stepper",
      "description": "A full-featured wizard stepper with titles and descriptions. Perfect for multi-step forms, checkout flows, and onboarding sequences.",
      "dependencies": [
        "lucide-react",
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/wizard-stepper.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/wizard-stepper.tsx"
        }
      ]
    },
    {
      "name": "milestone-stepper",
      "type": "registry:ui",
      "title": "Milestone Stepper",
      "description": "A vertical timeline-style stepper for showing milestones, order tracking, or project phases. Supports custom icons and multiple variants.",
      "dependencies": [
        "lucide-react",
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/milestone-stepper.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/milestone-stepper.tsx"
        }
      ]
    },
    {
      "name": "spark-chart",
      "type": "registry:ui",
      "title": "Spark Chart",
      "description": "An interactive sparkline with path-following indicator, dual-path color reveal, gradient fill, and draw-in animation. Pixel-perfect cursor tracking via binary search on SVG path length.",
      "dependencies": [],
      "files": [
        {
          "path": "registry/ruixenui/spark-chart.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/spark-chart.tsx"
        }
      ]
    },
    {
      "name": "blurred-stagger-text",
      "type": "registry:ui",
      "title": "Blurred Stagger Text",
      "description": "An animated text component with staggered blur reveal effect using Framer Motion.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "components/ui/blurred-stagger-text.tsx",
          "type": "registry:ui",
          "target": "components/ui/blurred-stagger-text.tsx"
        }
      ]
    },
    {
      "name": "staggered-faq-section",
      "type": "registry:ui",
      "title": "StaggeredFAQSection",
      "description": "A responsive FAQ component with animated text reveals and customizable content.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "accordion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/staggered-faq-section.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/staggered-faq-section.tsx"
        },
        {
          "path": "components/ui/blurred-stagger-text.tsx",
          "type": "registry:ui",
          "target": "components/ui/blurred-stagger-text.tsx"
        }
      ]
    },
    {
      "name": "animated-theme-toggler",
      "type": "registry:ui",
      "title": "Theme Toggler",
      "description": "Sun↔moon morph toggle with spring physics, SVG mask crescent, and switch-click audio.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/animated-theme-toggler.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/animated-theme-toggler.tsx"
        }
      ]
    },
    {
      "name": "feature-highlights",
      "type": "registry:ui",
      "title": "Feature Highlights",
      "description": "Progressive reveal feature list with sliding accent indicator, grid-template-rows expand, and staggered entrance.",
      "dependencies": [],
      "files": [
        {
          "path": "registry/ruixenui/feature-highlights.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/feature-highlights.tsx"
        }
      ]
    },
    {
      "name": "faq-scroll-accordion",
      "type": "registry:ui",
      "title": "FAQ Scroll Accordion",
      "description": "Scroll-aware FAQ with center-zone detection via IntersectionObserver, auto-cascading open, staggered entrance, and grid-template-rows expand.",
      "dependencies": [],
      "files": [
        {
          "path": "registry/ruixenui/faq-scroll-accordion.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/faq-scroll-accordion.tsx"
        }
      ]
    },
    {
      "name": "faq-auto-accordion",
      "type": "registry:ui",
      "title": "FAQ Auto Accordion",
      "description": "Spring-driven FAQ with a traveling accent bar (layoutId), spring height animation, blur-deblur text reveal, and layout FLIP repositioning.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/faq-auto-accordion.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/faq-auto-accordion.tsx"
        }
      ]
    },
    {
      "name": "faq-chat-accordion",
      "type": "registry:ui",
      "title": "FAQ Chat Accordion",
      "description": "Conversational FAQ with right/left message bubbles, typing indicator dots, spring message entrance, and layout FLIP repositioning.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/faq-chat-accordion.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/faq-chat-accordion.tsx"
        }
      ]
    },
    {
      "name": "accordion-editorial",
      "type": "registry:ui",
      "title": "Editorial Accordion",
      "description": "A typographic accordion with oversized uppercase titles, numbered items, and a faded-to-primary color transition on expand.",
      "registryDependencies": [
        "accordion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/accordion-editorial.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/accordion-editorial.tsx"
        }
      ]
    },
    {
      "name": "accordion-indexed",
      "type": "registry:ui",
      "title": "Indexed Accordion",
      "description": "A numbered accordion with zero-padded indices, a boxed plus icon that rotates on hover and transforms on expand.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "accordion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/accordion-indexed.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/accordion-indexed.tsx"
        }
      ]
    },
    {
      "name": "avatar-spring-stack",
      "type": "registry:ui",
      "title": "Avatar Spring Stack",
      "description": "An overlapping avatar stack with spring-animated tooltips that reveal labels on hover, plus a +N overflow counter.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "avatar"
      ],
      "files": [
        {
          "path": "registry/ruixenui/avatar-spring-stack.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/avatar-spring-stack.tsx"
        }
      ]
    },
    {
      "name": "avatar-quick-actions",
      "type": "registry:ui",
      "title": "Avatar Quick Actions",
      "description": "An orbital action ring that blooms outward from the avatar with staggered spring emergence — hover any action and the rest dim, drawing the eye.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "avatar"
      ],
      "files": [
        {
          "path": "registry/ruixenui/avatar-quick-actions.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/avatar-quick-actions.tsx"
        }
      ]
    },
    {
      "name": "avatar-hover-card",
      "type": "registry:ui",
      "title": "Avatar Hover Card",
      "description": "An interactive avatar that reveals a profile card on hover with spring physics, staggered content, and delayed open/close.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "avatar"
      ],
      "files": [
        {
          "path": "registry/ruixenui/avatar-hover-card.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/avatar-hover-card.tsx"
        }
      ]
    },
    {
      "name": "variable-text",
      "type": "registry:ui",
      "title": "Variable Text",
      "description": "Cursor acts as a focal plane — characters near the pointer sharpen (heavier weight, slight lift, full opacity) while distant characters soften. Depth-of-field for typography.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "registry/ruixenui/variable-text.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/variable-text.tsx"
        }
      ]
    },
    {
      "name": "scramble-text",
      "type": "registry:ui",
      "title": "Scramble Text",
      "description": "Hover triggers a decode sequence — characters dissolve into random glyphs then resolve in a directional wave that follows your entry point, each locking in with a spring pop.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "registry/ruixenui/scramble-text.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/scramble-text.tsx"
        }
      ]
    },
    {
      "name": "card-carousel-hero",
      "type": "registry:ui",
      "title": "Card Carousel Hero",
      "description": "An interactive hero section featuring a card carousel with smooth animations",
      "dependencies": [
        "motion",
        "gsap"
      ],
      "registryDependencies": [
        "button",
        "card"
      ],
      "files": [
        {
          "path": "registry/ruixenui/card-carousel-hero.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/card-carousel-hero.tsx"
        }
      ]
    },
    {
      "name": "gradient-hero-showcase",
      "type": "registry:ui",
      "title": "Gradient Hero Showcase",
      "description": "A modern hero section with animated gradient background and smooth transitions",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "button"
      ],
      "files": [
        {
          "path": "registry/ruixenui/gradient-hero-showcase.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/gradient-hero-showcase.tsx"
        }
      ]
    },
    {
      "name": "video-hero-showcase",
      "type": "registry:ui",
      "title": "Video Hero Showcase",
      "description": "A dynamic hero section featuring video backgrounds and interactive elements",
      "dependencies": [
        "motion",
        "react-icons"
      ],
      "registryDependencies": [
        "button",
        "badge"
      ],
      "files": [
        {
          "path": "registry/ruixenui/video-hero-showcase.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/video-hero-showcase.tsx"
        }
      ]
    },
    {
      "name": "split-feature-showcase",
      "type": "registry:ui",
      "title": "Split Feature Showcase",
      "description": "Scroll-triggered bento grid with spring-animated message preview and integration cards with ambient gradient glow.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/split-feature-showcase.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/split-feature-showcase.tsx"
        }
      ]
    },
    {
      "name": "product-feature-hero",
      "type": "registry:ui",
      "title": "Product Feature Hero",
      "description": "Two-column hero with decorative gradient card and a four-column feature highlights grid.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/product-feature-hero.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/product-feature-hero.tsx"
        }
      ]
    },
    {
      "name": "product-card-hero",
      "type": "registry:ui",
      "title": "Product Card Hero",
      "description": "Two-column hero with floating account menu card, pricing bar, and a four-column feature grid with icons.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/product-card-hero.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/product-card-hero.tsx"
        }
      ]
    },
    {
      "name": "integration-and-stats-section",
      "type": "registry:ui",
      "title": "Integration And Stats Section",
      "description": "Three-column feature cards with chat, analytics, and polling illustrations",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/integration-and-stats-section.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/integration-and-stats-section.tsx"
        }
      ]
    },
    {
      "name": "rotating-gradient-right",
      "type": "registry:ui",
      "title": "Rotating Gradient Right",
      "description": "Rotating conic gradient animation with centered card content",
      "dependencies": [
        "lucide-react"
      ],
      "files": [
        {
          "path": "registry/ruixenui/rotating-gradient-right.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/rotating-gradient-right.tsx"
        }
      ],
      "css": {
        "@keyframes spin": {
          "from": {
            "transform": "rotate(0deg)"
          },
          "to": {
            "transform": "rotate(360deg)"
          }
        }
      }
    },
    {
      "name": "automated-tasks-panel",
      "type": "registry:ui",
      "title": "Automated Tasks Panel",
      "description": "Animated task panel with scrolling automation features",
      "dependencies": [
        "motion",
        "lucide-react"
      ],
      "files": [
        {
          "path": "registry/ruixenui/automated-tasks-panel.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/automated-tasks-panel.tsx"
        }
      ]
    },
    {
      "name": "trusted-clients-showcase",
      "type": "registry:ui",
      "title": "Trusted Clients Showcase",
      "description": "Spotlight logo grid with staggered blur-up entrance and collective dim hover.",
      "dependencies": [],
      "files": [
        {
          "path": "registry/ruixenui/trusted-clients-showcase.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/trusted-clients-showcase.tsx"
        }
      ]
    },
    {
      "name": "client-carousel-showcase",
      "type": "registry:ui",
      "title": "Client Carousel Showcase",
      "description": "Infinite drift marquee with gradient edge masks — logos scroll continuously, pause on hover, and lift with exponential deceleration when focused.",
      "dependencies": [],
      "files": [
        {
          "path": "registry/ruixenui/client-carousel-showcase.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/client-carousel-showcase.tsx"
        }
      ]
    },
    {
      "name": "auto-scrolling-client-carousel",
      "type": "registry:ui",
      "title": "Auto Scrolling Client Carousel",
      "description": "Dual ribbon with grayscale bloom — two rows scroll in opposite directions, monochrome at rest, color blooms on hover with spring-bounce lift.",
      "dependencies": [],
      "files": [
        {
          "path": "registry/ruixenui/auto-scrolling-client-carousel.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/auto-scrolling-client-carousel.tsx"
        }
      ]
    },
    {
      "name": "footer-pro",
      "type": "registry:ui",
      "title": "Footer Pro",
      "description": "A minimal, typographic footer with brand wordmark, link columns, and quiet social icons.",
      "dependencies": [
        "lucide-react"
      ],
      "files": [
        {
          "path": "registry/ruixenui/footer-pro.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/footer-pro.tsx"
        }
      ]
    },
    {
      "name": "corporate-footer",
      "type": "registry:ui",
      "title": "Corporate Footer",
      "description": "A card-based corporate footer with decorative watermark, column navigation, and whisper-quiet typography.",
      "files": [
        {
          "path": "registry/ruixenui/corporate-footer.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/corporate-footer.tsx"
        }
      ]
    },
    {
      "name": "footer-enterprise",
      "type": "registry:ui",
      "title": "Footer Enterprise",
      "description": "An enterprise-grade footer with three-tier layout, wide column grid, and whisper-quiet typography.",
      "files": [
        {
          "path": "registry/ruixenui/footer-enterprise.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/footer-enterprise.tsx"
        }
      ]
    },
    {
      "name": "wordmark-footer",
      "type": "registry:ui",
      "title": "Wordmark Footer",
      "description": "A Rauno-craft half-cut wordmark footer — giant brand text on a full-width dark surface with luminance gradient and hairline divider.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/wordmark-footer.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/wordmark-footer.tsx"
        }
      ]
    },
    {
      "name": "hover-gradient-navbar",
      "type": "registry:ui",
      "title": "Hover Gradient Navbar",
      "description": "A navigation bar with gradient hover effects and smooth transitions.",
      "dependencies": [
        "motion",
        "lucide-react"
      ],
      "files": [
        {
          "path": "registry/ruixenui/hover-gradient-navbar.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/hover-gradient-navbar.tsx"
        }
      ]
    },
    {
      "name": "floating-navbar",
      "type": "registry:ui",
      "title": "Floating Navbar",
      "description": "A floating navigation bar that appears on scroll with smooth animations.",
      "dependencies": [
        "motion",
        "lucide-react"
      ],
      "files": [
        {
          "path": "registry/ruixenui/floating-navbar.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/floating-navbar.tsx"
        }
      ]
    },
    {
      "name": "luma-bar",
      "type": "registry:ui",
      "title": "Luma Bar",
      "description": "A sleek navigation bar with Luma-inspired design and interactions.",
      "dependencies": [
        "motion",
        "lucide-react"
      ],
      "files": [
        {
          "path": "registry/ruixenui/luma-bar.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/luma-bar.tsx"
        }
      ]
    },
    {
      "name": "promote-header",
      "type": "registry:ui",
      "title": "Promote Header",
      "description": "A promotional header component for announcements and marketing messages.",
      "dependencies": [
        "lucide-react"
      ],
      "files": [
        {
          "path": "registry/ruixenui/promote-header.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/promote-header.tsx"
        }
      ]
    },
    {
      "name": "pricing-plans",
      "type": "registry:ui",
      "title": "Pricing Plans",
      "description": "A comprehensive pricing plans component with multiple tiers and features.",
      "dependencies": [
        "motion",
        "lucide-react"
      ],
      "registryDependencies": [
        "button",
        "card"
      ],
      "files": [
        {
          "path": "registry/ruixenui/pricing-plans.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/pricing-plans.tsx"
        }
      ]
    },
    {
      "name": "pricing-comparison",
      "type": "registry:ui",
      "title": "Pricing Comparison",
      "description": "A detailed pricing comparison table with features and plan differences.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "button"
      ],
      "files": [
        {
          "path": "registry/ruixenui/pricing-comparison.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/pricing-comparison.tsx"
        }
      ]
    },
    {
      "name": "pricing-feature-matrix",
      "type": "registry:ui",
      "title": "Pricing Feature Matrix",
      "description": "A comprehensive pricing comparison matrix with feature categories, plan columns, and tooltips.",
      "dependencies": [
        "@hugeicons/react",
        "@hugeicons/core-free-icons"
      ],
      "registryDependencies": [
        "tooltip"
      ],
      "files": [
        {
          "path": "registry/ruixenui/pricing-feature-matrix.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/pricing-feature-matrix.tsx"
        }
      ]
    },
    {
      "name": "subscription-plans",
      "type": "registry:ui",
      "title": "Subscription Plans",
      "description": "A subscription-focused pricing component with billing options and features.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "button",
        "card"
      ],
      "files": [
        {
          "path": "registry/ruixenui/subscription-plans.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/subscription-plans.tsx"
        }
      ]
    },
    {
      "name": "pricing-flow",
      "type": "registry:ui",
      "title": "Pricing Flow",
      "description": "An interactive pricing flow with billing toggles and plan selection.",
      "dependencies": [
        "motion",
        "lucide-react"
      ],
      "registryDependencies": [
        "button",
        "card"
      ],
      "files": [
        {
          "path": "registry/ruixenui/pricing-flow.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/pricing-flow.tsx"
        }
      ]
    },
    {
      "name": "pricing-with-user-scaling",
      "type": "registry:ui",
      "title": "Pricing with User Scaling",
      "description": "A pricing component with user-based scaling and dynamic pricing calculations.",
      "dependencies": [
        "motion",
        "lucide-react",
        "clsx"
      ],
      "registryDependencies": [
        "button",
        "card",
        "slider"
      ],
      "files": [
        {
          "path": "registry/ruixenui/pricing-with-user-scaling.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/pricing-with-user-scaling.tsx"
        }
      ]
    },
    {
      "name": "pricing-cards-tooltip",
      "type": "registry:ui",
      "title": "Pricing Cards with Tooltips",
      "description": "A clean two-column pricing comparison with feature tooltips and corner decorations. Inspired by ZippyStarter design.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "tooltip"
      ],
      "files": [
        {
          "path": "registry/ruixenui/pricing-cards-tooltip.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/pricing-cards-tooltip.tsx"
        }
      ]
    },
    {
      "name": "slide-to-delete-button",
      "type": "registry:ui",
      "title": "Slide To Delete Button",
      "description": "iOS 26 liquid-glass slide-to-confirm track with spring-physics draggable thumb.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/slide-to-delete-button.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/slide-to-delete-button.tsx"
        }
      ]
    },
    {
      "name": "glow-link-button",
      "type": "registry:ui",
      "title": "Glow Link Button",
      "description": "iOS 26 liquid-glass link pill with cursor-following radial glow and spring arrow.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/glow-link-button.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/glow-link-button.tsx"
        }
      ]
    },
    {
      "name": "circular-stepper-input",
      "type": "registry:ui",
      "title": "Circular Stepper Input",
      "description": "iOS 26 liquid-glass circular stepper with draggable ring, spring-animated arc, and haptic sound feedback.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/circular-stepper-input.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/circular-stepper-input.tsx"
        }
      ]
    },
    {
      "name": "color-picker-input",
      "type": "registry:ui",
      "title": "Color Picker Input",
      "description": "iOS 26 liquid-glass color picker with swatch grid, draggable opacity slider, and one-click copy.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/color-picker-input.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/color-picker-input.tsx"
        }
      ]
    },
    {
      "name": "gravatar-email-input",
      "type": "registry:ui",
      "title": "Gravatar Email Input",
      "description": "iOS 26 liquid-glass email input with live Gravatar avatar preview and smooth fade-in.",
      "dependencies": [
        "motion",
        "md5"
      ],
      "files": [
        {
          "path": "registry/ruixenui/gravatar-email-input.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/gravatar-email-input.tsx"
        }
      ]
    },
    {
      "name": "correct-number-input",
      "type": "registry:ui",
      "title": "Correct Number Input",
      "description": "iOS 26 liquid-glass number input with floating label, integrated stepper buttons, and haptic sound.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/correct-number-input.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/correct-number-input.tsx"
        }
      ]
    },
    {
      "name": "better-time-picker",
      "type": "registry:ui",
      "title": "Better Time Picker",
      "description": "iOS 26 liquid-glass time picker with column steppers, spring-animated values, and segmented AM/PM toggle.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/better-time-picker.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/better-time-picker.tsx"
        }
      ]
    },
    {
      "name": "inline-copy-input",
      "type": "registry:ui",
      "title": "Inline Copy Input",
      "description": "iOS 26 liquid-glass copy input with animated clipboard/check icon swap and haptic sound.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/inline-copy-input.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/inline-copy-input.tsx"
        }
      ]
    },
    {
      "name": "clean-tag-input",
      "type": "registry:ui",
      "title": "Clean Tag Input",
      "description": "iOS 26 liquid-glass tag input with spring-animated pill chips and keyboard-driven add/remove.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/clean-tag-input.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/clean-tag-input.tsx"
        }
      ]
    },
    {
      "name": "nested-dashboard-menu",
      "type": "registry:ui",
      "title": "Nested Dashboard Menu",
      "description": "A nested navigation menu component for dashboard layouts.",
      "dependencies": [
        "lucide-react",
        "motion"
      ],
      "registryDependencies": [
        "menubar"
      ],
      "files": [
        {
          "path": "registry/ruixenui/nested-dashboard-menu.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/nested-dashboard-menu.tsx"
        }
      ]
    },
    {
      "name": "drawer-inner-content",
      "type": "registry:ui",
      "title": "Drawer Inner Content",
      "description": "Gesture-driven bottom sheet — drag to dismiss, spring physics, structured content sections with staggered cascade.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/drawer-inner-content.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/drawer-inner-content.tsx"
        }
      ]
    },
    {
      "name": "centered-feedback-drawer",
      "type": "registry:ui",
      "title": "Centered Feedback Drawer",
      "description": "Centered feedback panel — three SVG faces, contextual comment, spring selection, auto-dismiss thank-you state.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/centered-feedback-drawer.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/centered-feedback-drawer.tsx"
        }
      ]
    },
    {
      "name": "bottom-drawers",
      "type": "registry:ui",
      "title": "Bottom Drawers",
      "description": "Snap-point bottom sheet — three snap heights (peek, half, full), drag between them, velocity-aware, progressive content reveal.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/bottom-drawers.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/bottom-drawers.tsx"
        }
      ]
    },
    {
      "name": "input-with-select",
      "type": "registry:ui",
      "title": "Input With Select",
      "description": "iOS 26 liquid-glass amount input with integrated segmented currency/unit selector and spring-animated knob.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/input-with-select.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/input-with-select.tsx"
        }
      ]
    },
    {
      "name": "url-input",
      "type": "registry:ui",
      "title": "URL Input",
      "description": "iOS 26 liquid-glass URL input with live favicon preview, protocol hint, and globe fallback icon.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/url-input.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/url-input.tsx"
        }
      ]
    },
    {
      "name": "password-field",
      "type": "registry:ui",
      "title": "Password Field",
      "description": "iOS 26 liquid-glass password input with animated strength bar, validation checklist, and one-click generation.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/password-field.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/password-field.tsx"
        }
      ]
    },
    {
      "name": "notification",
      "type": "registry:ui",
      "title": "Notification",
      "description": "Spring toast stack with drag-to-dismiss, rubber-band physics, and glass morphism.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "registry/ruixenui/notification.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/notification.tsx"
        }
      ]
    },
    {
      "name": "notifications-carousel",
      "type": "registry:ui",
      "title": "Notifications Carousel",
      "description": "Vertical drum carousel with 3D cylinder rotation, proximity brightness, and spring snap.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "registry/ruixenui/notifications-carousel.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/notifications-carousel.tsx"
        }
      ]
    },
    {
      "name": "notifications-filter",
      "type": "registry:ui",
      "title": "Notifications Filter",
      "description": "Spring pill bar with layoutId sliding indicator and staggered item transitions.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "registry/ruixenui/notifications-filter.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/notifications-filter.tsx"
        }
      ]
    },
    {
      "name": "glass-form",
      "type": "registry:ui",
      "title": "Glass Form",
      "description": "iOS 26 liquid-glass form system — grouped fields, toggles, segmented controls, and action buttons with backdrop blur.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/glass-form.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/glass-form.tsx"
        }
      ]
    },
    {
      "name": "motion-file-tree",
      "type": "registry:ui",
      "title": "Motion File Tree",
      "description": "An animated file tree component with smooth expand/collapse transitions.",
      "dependencies": [
        "motion",
        "lucide-react"
      ],
      "files": [
        {
          "path": "registry/ruixenui/motion-file-tree.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/motion-file-tree.tsx"
        }
      ]
    },
    {
      "name": "magic-tree",
      "type": "registry:ui",
      "title": "Magic Tree",
      "description": "A magical file tree with sparkle effects and interactive animations.",
      "dependencies": [
        "motion",
        "lucide-react"
      ],
      "files": [
        {
          "path": "registry/ruixenui/magic-tree.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/magic-tree.tsx"
        }
      ]
    },
    {
      "name": "tree-node-tooltip",
      "type": "registry:ui",
      "title": "Tree Node Tooltip",
      "description": "A file tree component with tooltip support for each node.",
      "dependencies": [
        "motion",
        "lucide-react"
      ],
      "registryDependencies": [
        "tooltip"
      ],
      "files": [
        {
          "path": "registry/ruixenui/tree-node-tooltip.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/tree-node-tooltip.tsx"
        }
      ]
    },
    {
      "name": "event-scheduler",
      "type": "registry:ui",
      "title": "Event Scheduler",
      "description": "Inline timeline scheduler — tap a time, type a title, press Enter. Spring animations, sorted list, sound feedback.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/event-scheduler.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/event-scheduler.tsx"
        }
      ]
    },
    {
      "name": "glass-image-editor",
      "type": "registry:ui",
      "title": "Glass Image Editor",
      "description": "iOS 26 liquid-glass image editor with drop zone, zoom/pan canvas, thumbnail strip, and toolbar.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/glass-image-editor.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/glass-image-editor.tsx"
        }
      ]
    },
    {
      "name": "glass-image-compare",
      "type": "registry:ui",
      "title": "Glass Image Compare",
      "description": "iOS 26 liquid-glass before/after image comparison slider with drag divider, floating labels, and drop-to-load support.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/glass-image-compare.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/glass-image-compare.tsx"
        }
      ]
    },
    {
      "name": "video-player-pro",
      "type": "registry:ui",
      "title": "Video Player Pro",
      "description": "Cinema-quality video player with glass control bar, spring physics, custom progress scrubber, inline volume slider, and speed pills with layout-animated indicator.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/video-player-pro.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/video-player-pro.tsx"
        }
      ]
    },
    {
      "name": "cloud-background",
      "type": "registry:ui",
      "title": "Cloud Background",
      "description": "A flowing cloud background with WebGL shaders and theme support.",
      "dependencies": [
        "ogl"
      ],
      "files": [
        {
          "path": "registry/ruixenui/cloud-background.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/cloud-background.tsx"
        }
      ]
    },
    {
      "name": "ripple-distortion",
      "type": "registry:ui",
      "title": "Ripple Distortion",
      "description": "An interactive image distortion effect with mouse-driven ripples using Three.js.",
      "dependencies": [
        "three"
      ],
      "files": [
        {
          "path": "registry/ruixenui/ripple-distortion.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/ripple-distortion.tsx"
        }
      ]
    },
    {
      "name": "particle-text-dots",
      "type": "registry:ui",
      "title": "Particle Text Dots",
      "description": "Text rendered as interactive particle dots that react to cursor movement, similar to Gemini's background effect.",
      "files": [
        {
          "path": "registry/ruixenui/particle-text-dots.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/particle-text-dots.tsx"
        }
      ]
    },
    {
      "name": "dual-tone-rain-background",
      "type": "registry:ui",
      "title": "Dual Tone Rain Background",
      "description": "A sophisticated rain effect with dual-tone teal-cyan colors and grid overlay.",
      "files": [
        {
          "path": "registry/ruixenui/dual-tone-rain-background.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/dual-tone-rain-background.tsx"
        }
      ]
    },
    {
      "name": "magnetic-tabs",
      "type": "registry:ui",
      "title": "Magnetic Tabs",
      "description": "Glass pill indicator that springs between hovered tabs with magnetic attraction and snappier overshoot on selection.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/magnetic-tabs.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/magnetic-tabs.tsx"
        }
      ]
    },
    {
      "name": "wheel-pagination",
      "type": "registry:ui",
      "title": "Wheel Pagination",
      "description": "Vertical drum pagination with scroll wheel navigation, proximity brightness, and spring physics.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "registry/ruixenui/wheel-pagination.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/wheel-pagination.tsx"
        }
      ]
    },
    {
      "name": "scroll-pagination",
      "type": "registry:ui",
      "title": "Scroll Pagination",
      "description": "Minimal flip-counter pagination with direction-aware vertical flip, progress bar, and spring physics.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "registry/ruixenui/scroll-pagination.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/scroll-pagination.tsx"
        }
      ]
    },
    {
      "name": "icon-pagination",
      "type": "registry:ui",
      "title": "Icon Pagination",
      "description": "Colorful dot pagination with mouse proximity wave effect, cosine falloff lift, and spring physics.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "registry/ruixenui/icon-pagination.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/icon-pagination.tsx"
        }
      ]
    },
    {
      "name": "gooey-pagination",
      "type": "registry:ui",
      "title": "Gooey Pagination",
      "description": "Liquid metaball pagination with SVG gooey filter, sliding active indicator, and spring physics.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "registry/ruixenui/gooey-pagination.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/gooey-pagination.tsx"
        }
      ]
    },
    {
      "name": "stack-pagination",
      "type": "registry:ui",
      "title": "Stack Pagination",
      "description": "Physical card stack pagination with depth compression, diminishing scale, and spring physics.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "registry/ruixenui/stack-pagination.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/stack-pagination.tsx"
        }
      ]
    },
    {
      "name": "animated-number-flip",
      "type": "registry:ui",
      "title": "Animated Number Flip",
      "description": "A card component that displays numbers with smooth flip animations.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "card"
      ],
      "files": [
        {
          "path": "registry/ruixenui/animated-number-flip.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/animated-number-flip.tsx"
        }
      ]
    },
    {
      "name": "morphing-page-dots",
      "type": "registry:ui",
      "title": "Morphing Page Dots",
      "description": "Morphing pill dots with spring width animation, horizontal drag scrub, and audio ticks.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/morphing-page-dots.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/morphing-page-dots.tsx"
        }
      ]
    },
    {
      "name": "sliding-pagination",
      "type": "registry:ui",
      "title": "Sliding Pagination",
      "description": "Page numbers with sliding pill indicator, proximity brightness, wheel navigation, and spring physics.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "registry/ruixenui/sliding-pagination.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/sliding-pagination.tsx"
        }
      ]
    },
    {
      "name": "ai-chat-input",
      "type": "registry:ui",
      "title": "AI Chat Input",
      "description": "Vanishing chat input with rotating placeholders, pixel-scatter submit, and spring-timed interactions.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/ai-chat-input.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/ai-chat-input.tsx"
        }
      ]
    },
    {
      "name": "claude-chat-input",
      "type": "registry:ui",
      "title": "Claude Chat Input",
      "description": "Multi-modal chat input with file uploads, model selector, extended thinking toggle, and spring-timed interactions.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "button",
        "textarea",
        "popover",
        "separator",
        "switch",
        "badge"
      ],
      "files": [
        {
          "path": "registry/ruixenui/claude-chat-input.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/claude-chat-input.tsx"
        }
      ]
    },
    {
      "name": "gooey-dock",
      "type": "registry:ui",
      "title": "Gooey Dock",
      "description": "Horizontal dock with proximity-based magnification — items grow as the cursor approaches, spring physics.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/gooey-dock.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/gooey-dock.tsx"
        }
      ]
    },
    {
      "name": "morphing-expandable-menu",
      "type": "registry:ui",
      "title": "Morphing Expandable Menu",
      "description": "A spring-animated pill that morphs into a dock, then expands into search, music player, timer, or note panels.",
      "dependencies": [
        "motion",
        "lucide-react"
      ],
      "files": [
        {
          "path": "registry/ruixenui/morphing-expandable-menu.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/morphing-expandable-menu.tsx"
        }
      ]
    },
    {
      "name": "music-player-card",
      "type": "registry:ui",
      "title": "Music Player Card",
      "description": "A rich music player card with album art, action pills, seekable progress, shuffle, repeat, and full transport controls.",
      "dependencies": [
        "lucide-react"
      ],
      "files": [
        {
          "path": "registry/ruixenui/music-player-card.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/music-player-card.tsx"
        }
      ]
    },
    {
      "name": "live-waveform",
      "type": "registry:ui",
      "title": "Live Waveform",
      "description": "Canvas-based real-time waveform visualizer with processing animation, microphone input, and stop controls.",
      "dependencies": [
        "lucide-react"
      ],
      "files": [
        {
          "path": "registry/ruixenui/live-waveform.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/live-waveform.tsx"
        }
      ]
    },
    {
      "name": "visualizer-button",
      "type": "registry:ui",
      "title": "Visualizer Button",
      "description": "iOS 26 liquid-glass audio pill with canvas equalizer and Web Audio API integration.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/visualizer-button.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/visualizer-button.tsx"
        }
      ]
    },
    {
      "name": "hover-preview-button",
      "type": "registry:ui",
      "title": "Hover Preview Button",
      "description": "iOS 26 liquid-glass pill with spring-animated hover preview panel.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/hover-preview-button.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/hover-preview-button.tsx"
        }
      ]
    },
    {
      "name": "confetti-button",
      "type": "registry:ui",
      "title": "Confetti Button",
      "description": "iOS 26 liquid-glass pill that erupts spring-physics confetti particles on click.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/confetti-button.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/confetti-button.tsx"
        }
      ]
    },
    {
      "name": "badge-button-combo",
      "type": "registry:ui",
      "title": "Badge Button Combo",
      "description": "iOS 26 liquid-glass pill with inline chip badge for counts or status labels.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/badge-button-combo.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/badge-button-combo.tsx"
        }
      ]
    },
    {
      "name": "badge-morph",
      "type": "registry:ui",
      "title": "Badge Morph",
      "description": "A morphing status badge that transitions between states with spring-physics micro-interactions.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/badge-morph.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/badge-morph.tsx"
        }
      ]
    },
    {
      "name": "banner-announcement",
      "type": "registry:ui",
      "title": "Banner Announcement",
      "description": "A dismissible announcement banner with multiple variants and action links.",
      "dependencies": [
        "lucide-react"
      ],
      "files": [
        {
          "path": "registry/ruixenui/banner-announcement.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/banner-announcement.tsx"
        }
      ]
    },
    {
      "name": "banner-cookie",
      "type": "registry:ui",
      "title": "Banner Cookie",
      "description": "A frosted-glass cookie consent card with rise entrance and shrink-drop dismiss.",
      "files": [
        {
          "path": "registry/ruixenui/banner-cookie.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/banner-cookie.tsx"
        }
      ]
    },
    {
      "name": "banner-newsletter",
      "type": "registry:ui",
      "title": "Banner Newsletter",
      "description": "A newsletter banner with Inline Morphing — one pill that reshapes across input, loading, and confirmation.",
      "dependencies": [
        "lucide-react"
      ],
      "files": [
        {
          "path": "registry/ruixenui/banner-newsletter.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/banner-newsletter.tsx"
        }
      ]
    },
    {
      "name": "banner-countdown",
      "type": "registry:ui",
      "title": "Banner Countdown",
      "description": "A countdown banner with Fluid Numerals — odometer-style rolling digits, colon heartbeat, and height-collapse dismiss.",
      "dependencies": [
        "lucide-react"
      ],
      "files": [
        {
          "path": "registry/ruixenui/banner-countdown.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/banner-countdown.tsx"
        }
      ]
    },
    {
      "name": "breadcrumb-separator",
      "type": "registry:ui",
      "title": "Breadcrumb Separator",
      "description": "Breadcrumb navigation with customizable separators (chevron, slash, dot, arrow, dash).",
      "dependencies": [
        "lucide-react"
      ],
      "files": [
        {
          "path": "registry/ruixenui/breadcrumb-separator.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/breadcrumb-separator.tsx"
        }
      ]
    },
    {
      "name": "breadcrumb-icon",
      "type": "registry:ui",
      "title": "Breadcrumb Icon",
      "description": "Breadcrumb navigation with icons for each item.",
      "dependencies": [
        "lucide-react"
      ],
      "files": [
        {
          "path": "registry/ruixenui/breadcrumb-icon.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/breadcrumb-icon.tsx"
        }
      ]
    },
    {
      "name": "breadcrumb-dropdown",
      "type": "registry:ui",
      "title": "Breadcrumb Dropdown",
      "description": "Inline-expanding collapsible breadcrumb with staggered path reveal.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "registry/ruixenui/breadcrumb-dropdown.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/breadcrumb-dropdown.tsx"
        }
      ]
    },
    {
      "name": "progress-button",
      "type": "registry:ui",
      "title": "Progress Button",
      "description": "iOS 26 liquid-glass pill that morphs through idle → loading → done phases.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/progress-button.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/progress-button.tsx"
        }
      ]
    },
    {
      "name": "icon-label-subtext-button",
      "type": "registry:ui",
      "title": "Icon Label Subtext Button",
      "description": "iOS 26 liquid-glass card-button with icon circle, label, and subtext.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/icon-label-subtext-button.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/icon-label-subtext-button.tsx"
        }
      ]
    },
    {
      "name": "invert-tabs",
      "type": "registry:ui",
      "title": "Invert Tabs",
      "description": "mix-blend-mode exclusion on a white pill — text auto-inverts in both light and dark themes. Spring physics. Audio tick.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/invert-tabs.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/invert-tabs.tsx"
        }
      ]
    },
    {
      "name": "drag-and-drop-tabs",
      "type": "registry:ui",
      "title": "Drag And Drop Tabs",
      "description": "Reorderable tabs with spring physics on drop, staggered cascade, velocity-aware snap, and audio tick.",
      "dependencies": [
        "motion",
        "@dnd-kit/core",
        "@dnd-kit/sortable"
      ],
      "files": [
        {
          "path": "registry/ruixenui/drag-and-drop-tabs.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/drag-and-drop-tabs.tsx"
        }
      ]
    },
    {
      "name": "three-dwall-calendar",
      "type": "registry:ui",
      "title": "Three D Wall Calendar",
      "description": "Wall-mounted calendar with physical depth — paper stack layers, page-flip transitions, cells that lift on hover with shadow.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/three-dwall-calendar.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/three-dwall-calendar.tsx"
        }
      ]
    },
    {
      "name": "calendar-planner",
      "type": "registry:ui",
      "title": "Calendar Planner",
      "description": "Vertical day stream — past fades, today glows, events live inline. Select a day, type, press Enter.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/calendar-planner.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/calendar-planner.tsx"
        }
      ]
    },
    {
      "name": "calendar-twin",
      "type": "registry:ui",
      "title": "Calendar Twin",
      "description": "Dual-month range picker — click start, hover to preview, click end. Continuous band with smart rounding.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/calendar-twin.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/calendar-twin.tsx"
        }
      ]
    },
    {
      "name": "chrono-select",
      "type": "registry:ui",
      "title": "Chrono Select",
      "description": "Inline date picker — click to expand, spring-animated calendar grid, today shortcut, click-outside dismiss.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/chrono-select.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/chrono-select.tsx"
        }
      ]
    },
    {
      "name": "calendar-lume",
      "type": "registry:ui",
      "title": "Calendar Lume",
      "description": "A depth-zoom calendar — drill from years to months to days with scale-based transitions and staggered grids.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/calendar-lume.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/calendar-lume.tsx"
        }
      ]
    },
    {
      "name": "calendar-scheduler",
      "type": "registry:ui",
      "title": "Calendar Scheduler",
      "description": "Week-strip scheduler — horizontal day ribbon, vertical time ruler, one-tap booking with spring physics.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/calendar-scheduler.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/calendar-scheduler.tsx"
        }
      ]
    },
    {
      "name": "notification-inbox-popover",
      "type": "registry:ui",
      "title": "Notification Inbox Popover",
      "description": "Wave-hover inbox with cosine proximity effect, mark all read, and glass morphism.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "registry/ruixenui/notification-inbox-popover.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/notification-inbox-popover.tsx"
        }
      ]
    },
    {
      "name": "credit-card-dialog",
      "type": "registry:ui",
      "title": "Credit Card Dialog",
      "description": "Inline payment form — four zones separated by hairlines. Auto-format, auto-advance, brand detection.",
      "files": [
        {
          "path": "registry/ruixenui/credit-card-dialog.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/credit-card-dialog.tsx"
        }
      ]
    },
    {
      "name": "verification-input",
      "type": "registry:ui",
      "title": "Verification Input",
      "description": "iOS 26 liquid-glass verification code input — dual-theme cells with spring-animated digit entry and haptic sound.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/verification-input.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/verification-input.tsx"
        }
      ]
    },
    {
      "name": "loading-circle",
      "type": "registry:ui",
      "title": "Loading Circle",
      "description": "A ripple loading animation with multiple concentric circles and gradient effects.",
      "files": [
        {
          "path": "registry/ruixenui/loading-circle.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/loading-circle.tsx"
        }
      ],
      "css": {
        "loading-circles": {
          "0%": {
            "transform": "scale(1)",
            "box-shadow": "0 10px 10px rgba(0, 0, 0, 0.3)"
          },
          "50%": {
            "transform": "scale(1.3)",
            "box-shadow": "0 30px 20px rgba(0, 0, 0, 0.3)"
          },
          "100%": {
            "transform": "scale(1)",
            "box-shadow": "0 10px 10px rgba(0, 0, 0, 0.3)"
          }
        }
      }
    },
    {
      "name": "load-ripple",
      "type": "registry:ui",
      "title": "Load Ripple",
      "description": "A simple ripple loader with 5 animated circles and staggered timing.",
      "files": [
        {
          "path": "registry/ruixenui/load-ripple.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/load-ripple.tsx"
        }
      ],
      "css": {
        "load-ripple": {
          "0%": {
            "transform": "scale(0.2)",
            "opacity": "0.8"
          },
          "70%": {
            "transform": "scale(1)",
            "opacity": "0"
          },
          "100%": {
            "opacity": "0"
          }
        }
      }
    },
    {
      "name": "ripple-circles",
      "type": "registry:ui",
      "title": "Ripple Circles",
      "description": "Animated ripple circles loader with gradient backgrounds and backdrop blur.",
      "files": [
        {
          "path": "registry/ruixenui/ripple-circles.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/ripple-circles.tsx"
        }
      ],
      "css": {
        "ripple-circles": {
          "0%": {
            "transform": "scale(1)",
            "box-shadow": "0 10px 10px rgba(0, 0, 0, 0.3)"
          },
          "50%": {
            "transform": "scale(1.3)",
            "box-shadow": "0 30px 20px rgba(0, 0, 0, 0.3)"
          },
          "100%": {
            "transform": "scale(1)",
            "box-shadow": "0 10px 10px rgba(0, 0, 0, 0.3)"
          }
        }
      }
    },
    {
      "name": "mouse-spark",
      "type": "registry:ui",
      "title": "Mouse Spark",
      "description": "Interactive mouse-following particle effect with customizable colors and themes.",
      "files": [
        {
          "path": "registry/ruixenui/mouse-spark.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/mouse-spark.tsx"
        }
      ]
    },
    {
      "name": "neon-circle-grid",
      "type": "registry:ui",
      "title": "Neon Circle Grid",
      "description": "A decorative SVG background of neon donut-ring circles with directional fade and colour blending.",
      "files": [
        {
          "path": "registry/ruixenui/neon-circle-grid.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/neon-circle-grid.tsx"
        }
      ]
    },
    {
      "name": "add-to-cart-button",
      "type": "registry:ui",
      "title": "Add To Cart Button",
      "description": "A morphing add-to-cart button with spring physics, slot-machine quantity flip, and live price updates.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/add-to-cart-button.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/add-to-cart-button.tsx"
        }
      ]
    },
    {
      "name": "floating-toolbar",
      "type": "registry:ui",
      "title": "Floating Toolbar",
      "description": "A floating toolbar with animated tab switching, cursor glow, and morphing search input.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/floating-toolbar.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/floating-toolbar.tsx"
        }
      ]
    },
    {
      "name": "fine-tune-slider",
      "type": "registry:ui",
      "title": "Fine Tune Slider",
      "description": "A slider with pull-away precision mode — drag normally, pull away from the track to fine-tune values.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/fine-tune-slider.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/fine-tune-slider.tsx"
        }
      ]
    },
    {
      "name": "scroll-ruler",
      "type": "registry:ui",
      "title": "Scroll Ruler",
      "description": "A ruler-style input for fractional values — scroll or drag to scrub, spring-animated snapping, gradient-masked edges.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/scroll-ruler.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/scroll-ruler.tsx"
        }
      ]
    },
    {
      "name": "drum-picker",
      "type": "registry:ui",
      "title": "Drum Picker",
      "description": "A 3D cylindrical drum picker — vertical drag or scroll to cycle, perspective-projected curvature, proximity-scaled brightness, spring snap.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/drum-picker.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/drum-picker.tsx"
        }
      ]
    },
    {
      "name": "scrub-datetime",
      "type": "registry:ui",
      "title": "Scrub Datetime",
      "description": "An inline date-time picker where the text IS the interface — drag any segment horizontally to scrub, scroll to increment, click AM/PM to toggle.",
      "files": [
        {
          "path": "registry/ruixenui/scrub-datetime.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/scrub-datetime.tsx"
        }
      ]
    },
    {
      "name": "range-calendar",
      "type": "registry:ui",
      "title": "Range Calendar",
      "description": "A compact calendar grid for date range selection — continuous capsule highlight, hover preview, spring-animated month transitions, today dot.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/range-calendar.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/range-calendar.tsx"
        }
      ]
    },
    {
      "name": "calendar-wave",
      "type": "registry:ui",
      "title": "Calendar Wave",
      "description": "A calendar where days rise toward your cursor like water — cosine wave ripple, spring physics, shadow depth.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/calendar-wave.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/calendar-wave.tsx"
        }
      ]
    },
    {
      "name": "calendar-crest",
      "type": "registry:ui",
      "title": "Calendar Crest",
      "description": "Dual-month range picker with physical depth — selected band rises off the surface, endpoints crest highest, proportional shadows.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/calendar-crest.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/calendar-crest.tsx"
        }
      ]
    },
    {
      "name": "share-button",
      "type": "registry:ui",
      "title": "Share Button",
      "description": "A morphing share button with four-phase choreography, staggered cascade transitions, and cursor glow.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/share-button.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/share-button.tsx"
        }
      ]
    },
    {
      "name": "rising-glow",
      "type": "registry:ui",
      "title": "Rising Glow",
      "description": "Text wrapper with animated rising particles and soft glow effect.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/rising-glow.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/rising-glow.tsx"
        }
      ]
    },
    {
      "name": "add-task-sheet",
      "type": "registry:ui",
      "title": "Add Task Sheet",
      "description": "Quick-add task dialog — title input, priority pills, Enter to submit. Three zones, two hairlines.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/add-task-sheet.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/add-task-sheet.tsx"
        }
      ]
    },
    {
      "name": "pricing-tiers",
      "type": "registry:ui",
      "title": "Pricing Tiers",
      "description": "Modern pricing component with customizable tiers, features, and glass morphism design.",
      "dependencies": [
        "lucide-react"
      ],
      "files": [
        {
          "path": "registry/ruixenui/pricing-tiers.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/pricing-tiers.tsx"
        }
      ]
    },
    {
      "name": "app-menu-bar",
      "type": "registry:ui",
      "title": "App Menu Bar",
      "description": "Desktop-style application menu bar with File, Edit, View, and Help menus.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "menubar"
      ],
      "files": [
        {
          "path": "registry/ruixenui/app-menu-bar.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/app-menu-bar.tsx"
        }
      ]
    },
    {
      "name": "account-menu",
      "type": "registry:ui",
      "title": "Account Menu",
      "description": "User account dropdown menu with profile options, settings, and logout functionality.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "button",
        "dropdown-menu"
      ],
      "files": [
        {
          "path": "registry/ruixenui/account-menu.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/account-menu.tsx"
        }
      ]
    },
    {
      "name": "action-toolbar",
      "type": "registry:ui",
      "title": "Action Toolbar",
      "description": "Versatile toolbar component with action buttons and dropdown menus for common operations.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "button",
        "dropdown-menu",
        "badge"
      ],
      "files": [
        {
          "path": "registry/ruixenui/action-toolbar.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/action-toolbar.tsx"
        }
      ]
    },
    {
      "name": "smart-breadcrumb",
      "type": "registry:ui",
      "title": "Smart Breadcrumb",
      "description": "Intelligent breadcrumb navigation with ellipsis for long paths and responsive design.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "breadcrumb"
      ],
      "files": [
        {
          "path": "registry/ruixenui/smart-breadcrumb.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/smart-breadcrumb.tsx"
        }
      ]
    },
    {
      "name": "progressive-flux-loader",
      "type": "registry:ui",
      "title": "Progressive Flux Loader",
      "description": "A glowing progress bar with phase labels that fly in along the Z-axis and reveal letter by letter.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/progressive-flux-loader.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/progressive-flux-loader.tsx"
        }
      ]
    },
    {
      "name": "solar-loader",
      "type": "registry:ui",
      "title": "Solar Loader",
      "description": "Animated solar system loading spinner with orbiting planets and customizable speed.",
      "files": [
        {
          "path": "registry/ruixenui/solar-loader.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/solar-loader.tsx"
        }
      ],
      "cssVars": {
        "theme": {
          "animate-earth-rotate": "earthRotate 20s linear infinite",
          "animate-atmosphere-glow": "atmosphereGlow 3s ease-in-out infinite"
        }
      },
      "css": {
        "@keyframes earthRotate": {
          "0%": {
            "background-position": "0 0"
          },
          "100%": {
            "background-position": "360px 0"
          }
        },
        "@keyframes atmosphereGlow": {
          "0%, 100%": {
            "opacity": "0.6"
          },
          "50%": {
            "opacity": "0.9"
          }
        }
      }
    },
    {
      "name": "container-text-scroll",
      "type": "registry:ui",
      "title": "Container Text Scroll",
      "description": "Scroll-triggered text animation component with smooth parallax effects using Framer Motion.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/container-text-scroll.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/container-text-scroll.tsx"
        }
      ]
    },
    {
      "name": "tag-cloud-select",
      "type": "registry:ui",
      "title": "Tag Cloud Select",
      "description": "Interactive tag selection component with cloud-style layout and multi-select functionality.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "popover",
        "select",
        "button",
        "scroll-area"
      ],
      "files": [
        {
          "path": "registry/ruixenui/tag-cloud-select.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/tag-cloud-select.tsx"
        }
      ]
    },
    {
      "name": "color-emotion-select",
      "type": "registry:ui",
      "title": "Color Emotion Select",
      "description": "A select component that displays options with color indicators and optional emojis for emotional context.",
      "registryDependencies": [
        "select"
      ],
      "files": [
        {
          "path": "registry/ruixenui/color-emotion-select.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/color-emotion-select.tsx"
        }
      ]
    },
    {
      "name": "structured-hero-section",
      "type": "registry:ui",
      "title": "Structured Hero Section",
      "description": "A clean hero section with announcement pill, overlapping showcase cards, trusted-by logo strip, and dual CTAs.",
      "files": [
        {
          "path": "registry/ruixenui/structured-hero-section.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/structured-hero-section.tsx"
        }
      ]
    },
    {
      "name": "pricing-landing-hero",
      "type": "registry:ui",
      "title": "Pricing Landing Hero",
      "description": "A service-style landing hero with scattered preview cards, price block with strike-through, scarcity line, dual CTAs, and trusted-by strip.",
      "files": [
        {
          "path": "registry/ruixenui/pricing-landing-hero.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/pricing-landing-hero.tsx"
        }
      ]
    },
    {
      "name": "tabbed-hero-section",
      "type": "registry:ui",
      "title": "Tabbed Hero Section",
      "description": "A SaaS hero section with left-aligned headline, tabbed navigation, app screenshot showcase, and trusted-by logo strip.",
      "files": [
        {
          "path": "registry/ruixenui/tabbed-hero-section.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/tabbed-hero-section.tsx"
        }
      ]
    },
    {
      "name": "split-hero-section",
      "type": "registry:ui",
      "title": "Split Hero Section",
      "description": "A split-layout hero section with left-aligned headline, key metrics, app screenshot showcase, and trusted-by logo strip.",
      "files": [
        {
          "path": "registry/ruixenui/split-hero-section.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/split-hero-section.tsx"
        }
      ]
    },
    {
      "name": "hero-title-animation",
      "type": "registry:ui",
      "title": "Hero Title Animation",
      "description": "An animated hero title with phased brand reveal, staggered word blur-in, and highlight box sweep effect.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/hero-title-animation.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/hero-title-animation.tsx"
        }
      ]
    },
    {
      "name": "pricing-section-vertical",
      "type": "registry:ui",
      "title": "Pricing Section Vertical",
      "description": "A vertical pricing section component with feature comparisons, plan cards, and call-to-action buttons.",
      "dependencies": [
        "lucide-react"
      ],
      "files": [
        {
          "path": "registry/ruixenui/pricing-section-vertical.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/pricing-section-vertical.tsx"
        }
      ]
    },
    {
      "name": "card-stack",
      "type": "registry:ui",
      "title": "Card Stack",
      "description": "An interactive 3D card stack carousel with fan-out animation, drag gestures, and auto-advance support.",
      "dependencies": [
        "motion",
        "lucide-react"
      ],
      "files": [
        {
          "path": "registry/ruixenui/card-stack.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/card-stack.tsx"
        }
      ]
    },
    {
      "name": "glass-ai-card",
      "type": "registry:ui",
      "title": "Glass AI Card",
      "description": "iOS 26 liquid-glass content card with animated skeleton lines and hue-rotating gradient AI action button.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/glass-ai-card.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/glass-ai-card.tsx"
        }
      ]
    },
    {
      "name": "glass-shipment-flow",
      "type": "registry:ui",
      "title": "Glass Shipment Flow",
      "description": "iOS 26 liquid-glass shipment flow diagram with animated travelling-light SVG paths connecting stacked order cards.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/glass-shipment-flow.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/glass-shipment-flow.tsx"
        }
      ]
    },
    {
      "name": "glass-browser-history",
      "type": "registry:ui",
      "title": "Glass Browser History",
      "description": "iOS 26 liquid-glass browser history carousel with stacked macOS window cards and drag-to-navigate gesture.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/glass-browser-history.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/glass-browser-history.tsx"
        }
      ]
    },
    {
      "name": "phone-mockup-card",
      "type": "registry:ui",
      "title": "Phone Mockup Card",
      "description": "A minimal phone frame card with pixel-perfect status bar, dynamic island, and typography metrics display.",
      "dependencies": [
        "motion",
        "react-icons"
      ],
      "files": [
        {
          "path": "registry/ruixenui/phone-mockup-card.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/phone-mockup-card.tsx"
        }
      ]
    },
    {
      "name": "navbar-simple",
      "type": "registry:ui",
      "title": "Navbar Simple",
      "description": "A clean, simple navigation bar with logo, links, and action buttons.",
      "registryDependencies": [
        "button"
      ],
      "files": [
        {
          "path": "registry/ruixenui/navbar-simple.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/navbar-simple.tsx"
        }
      ]
    },
    {
      "name": "navbar-centered",
      "type": "registry:ui",
      "title": "Navbar Centered",
      "description": "A navigation bar with centered navigation links between logo and actions.",
      "registryDependencies": [
        "button"
      ],
      "files": [
        {
          "path": "registry/ruixenui/navbar-centered.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/navbar-centered.tsx"
        }
      ]
    },
    {
      "name": "navbar-with-search",
      "type": "registry:ui",
      "title": "Navbar With Search",
      "description": "A navigation bar with integrated search input and keyboard shortcut indicator.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "button"
      ],
      "files": [
        {
          "path": "registry/ruixenui/navbar-with-search.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/navbar-with-search.tsx"
        }
      ]
    },
    {
      "name": "navbar-user-menu",
      "type": "registry:ui",
      "title": "Navbar User Menu",
      "description": "A navigation bar with user avatar, dropdown menu, and notification bell.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "button",
        "avatar",
        "dropdown-menu"
      ],
      "files": [
        {
          "path": "registry/ruixenui/navbar-user-menu.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/navbar-user-menu.tsx"
        }
      ]
    },
    {
      "name": "navbar-status",
      "type": "registry:ui",
      "title": "Navbar Status",
      "description": "A navigation bar with status indicator and real-time metrics display.",
      "dependencies": [
        "lucide-react"
      ],
      "files": [
        {
          "path": "registry/ruixenui/navbar-status.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/navbar-status.tsx"
        }
      ]
    },
    {
      "name": "navbar-breadcrumb",
      "type": "registry:ui",
      "title": "Navbar Breadcrumb",
      "description": "A navigation bar with breadcrumb navigation for multi-level hierarchy.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "button",
        "avatar"
      ],
      "files": [
        {
          "path": "registry/ruixenui/navbar-breadcrumb.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/navbar-breadcrumb.tsx"
        }
      ]
    },
    {
      "name": "navbar-floating",
      "type": "registry:ui",
      "title": "Navbar Floating",
      "description": "A floating pill-shaped navigation bar with rounded corners and backdrop blur.",
      "registryDependencies": [
        "button"
      ],
      "files": [
        {
          "path": "registry/ruixenui/navbar-floating.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/navbar-floating.tsx"
        }
      ]
    },
    {
      "name": "navbar-tabs",
      "type": "registry:ui",
      "title": "Navbar Tabs",
      "description": "A two-tier navigation bar with main header and tabbed navigation below.",
      "registryDependencies": [
        "button"
      ],
      "files": [
        {
          "path": "registry/ruixenui/navbar-tabs.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/navbar-tabs.tsx"
        }
      ]
    },
    {
      "name": "navbar-minimal",
      "type": "registry:ui",
      "title": "Navbar Minimal",
      "description": "An ultra-minimal navigation bar with just logo, few links, and single CTA.",
      "registryDependencies": [
        "button"
      ],
      "files": [
        {
          "path": "registry/ruixenui/navbar-minimal.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/navbar-minimal.tsx"
        }
      ]
    },
    {
      "name": "navbar-split",
      "type": "registry:ui",
      "title": "Navbar Split",
      "description": "A navigation bar with links split between left and right sections.",
      "registryDependencies": [
        "button"
      ],
      "files": [
        {
          "path": "registry/ruixenui/navbar-split.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/navbar-split.tsx"
        }
      ]
    },
    {
      "name": "navbar-icon-links",
      "type": "registry:ui",
      "title": "Navbar Icon Links",
      "description": "A navigation bar with social media icon links and primary CTA.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "button"
      ],
      "files": [
        {
          "path": "registry/ruixenui/navbar-icon-links.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/navbar-icon-links.tsx"
        }
      ]
    },
    {
      "name": "button-copy",
      "type": "registry:ui",
      "title": "Button Copy",
      "description": "iOS 26 liquid-glass copy pill with AnimatePresence icon crossfade.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/button-copy.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/button-copy.tsx"
        }
      ]
    },
    {
      "name": "button-dropdown",
      "type": "registry:ui",
      "title": "Button Dropdown",
      "description": "iOS 26 liquid-glass pill with spring chevron and staggered glass dropdown.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/button-dropdown.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/button-dropdown.tsx"
        }
      ]
    },
    {
      "name": "button-split",
      "type": "registry:ui",
      "title": "Button Split",
      "description": "iOS 26 liquid-glass two-zone pill with primary action and dropdown options.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/button-split.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/button-split.tsx"
        }
      ]
    },
    {
      "name": "button-badge",
      "type": "registry:ui",
      "title": "Button Badge",
      "description": "iOS 26 liquid-glass pill with floating spring-animated notification badge.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/button-badge.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/button-badge.tsx"
        }
      ]
    },
    {
      "name": "checkbox-simple",
      "type": "registry:ui",
      "title": "Checkbox Simple",
      "description": "A simple checkbox component with label and optional description.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/checkbox-simple.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/checkbox-simple.tsx"
        }
      ]
    },
    {
      "name": "checkbox-indeterminate",
      "type": "registry:ui",
      "title": "Checkbox Indeterminate",
      "description": "A checkbox with three states: checked, unchecked, and indeterminate.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/checkbox-indeterminate.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/checkbox-indeterminate.tsx"
        }
      ]
    },
    {
      "name": "checkbox-colored",
      "type": "registry:ui",
      "title": "Checkbox Colored",
      "description": "A checkbox with customizable color themes including blue, green, red, and more.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/checkbox-colored.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/checkbox-colored.tsx"
        }
      ]
    },
    {
      "name": "checkbox-todo",
      "type": "registry:ui",
      "title": "Checkbox Todo",
      "description": "A todo-style checkbox with animated strikethrough effect when checked.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/checkbox-todo.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/checkbox-todo.tsx"
        }
      ]
    },
    {
      "name": "checkbox-terms",
      "type": "registry:ui",
      "title": "Checkbox Terms",
      "description": "A checkbox for accepting terms of service and privacy policy with linked text.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/checkbox-terms.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/checkbox-terms.tsx"
        }
      ]
    },
    {
      "name": "checkbox-group",
      "type": "registry:ui",
      "title": "Checkbox Group",
      "description": "A group of checkboxes for multi-selection with horizontal or vertical layout.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/checkbox-group.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/checkbox-group.tsx"
        }
      ]
    },
    {
      "name": "checkbox-tree",
      "type": "registry:ui",
      "title": "Checkbox Tree",
      "description": "A hierarchical tree checkbox for nested selections with expand/collapse.",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/checkbox-tree.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/checkbox-tree.tsx"
        }
      ]
    },
    {
      "name": "comment-thread",
      "type": "registry:ui",
      "title": "Comment Thread",
      "description": "Threaded comment component with nested replies, colored avatars, and collapsible reply chains.",
      "registryDependencies": [
        "accordion"
      ],
      "files": [
        {
          "path": "registry/ruixenui/comment-thread.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/comment-thread.tsx"
        }
      ]
    },
    {
      "name": "profile-card",
      "type": "registry:ui",
      "title": "Profile Card",
      "description": "A glassmorphic profile card with two variants — full-bleed image overlay and split half layout. Includes follow button, favorite toggle, and verified badge.",
      "dependencies": [
        "lucide-react"
      ],
      "files": [
        {
          "path": "registry/ruixenui/profile-card.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/profile-card.tsx"
        }
      ]
    },
    {
      "name": "scroll-text-rise",
      "type": "registry:ui",
      "title": "Scroll Text Rise",
      "description": "A scroll-driven text reveal — each word fades up from below as you scroll, with staggered opacity and y-translate transforms powered by Framer Motion's useScroll and useTransform hooks.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "registry/ruixenui/scroll-text-rise.tsx",
          "type": "registry:ui",
          "target": "components/ruixen/scroll-text-rise.tsx"
        }
      ]
    },
    {
      "name": "layouts-scroll-header",
      "type": "registry:block",
      "title": "Scroll Header",
      "description": "Scroll-aware sticky header with fluid animated tab transitions. Ships with home, about, contact, and danger-zone demo pages.",
      "dependencies": [
        "motion",
        "lucide-react",
        "next-themes"
      ],
      "registryDependencies": [
        "skeleton"
      ],
      "files": [
        {
          "path": "components/layouts/scroll-header/scroll-header.tsx",
          "type": "registry:component",
          "target": "components/layouts/scroll-header/scroll-header.tsx"
        },
        {
          "path": "components/layouts/scroll-header/animated-tabs.tsx",
          "type": "registry:component",
          "target": "components/layouts/scroll-header/animated-tabs.tsx"
        },
        {
          "path": "components/layouts/scroll-header/demo-skeleton.tsx",
          "type": "registry:component",
          "target": "components/layouts/scroll-header/demo-skeleton.tsx"
        },
        {
          "path": "components/layouts/scroll-header/footer.tsx",
          "type": "registry:component",
          "target": "components/layouts/scroll-header/footer.tsx"
        },
        {
          "path": "components/mode-toggle.tsx",
          "type": "registry:component",
          "target": "components/mode-toggle.tsx"
        },
        {
          "path": "hooks/layouts/use-tabs.ts",
          "type": "registry:hook",
          "target": "hooks/layouts/use-tabs.ts"
        },
        {
          "path": "app/preview/layouts/scroll-header/layout.tsx",
          "type": "registry:page",
          "target": "app/scroll-header/layout.tsx"
        },
        {
          "path": "app/preview/layouts/scroll-header/page.tsx",
          "type": "registry:page",
          "target": "app/scroll-header/page.tsx"
        },
        {
          "path": "app/preview/layouts/scroll-header/about/page.tsx",
          "type": "registry:page",
          "target": "app/scroll-header/about/page.tsx"
        },
        {
          "path": "app/preview/layouts/scroll-header/contact/page.tsx",
          "type": "registry:page",
          "target": "app/scroll-header/contact/page.tsx"
        },
        {
          "path": "app/preview/layouts/scroll-header/danger-zone/page.tsx",
          "type": "registry:page",
          "target": "app/scroll-header/danger-zone/page.tsx"
        }
      ]
    },
    {
      "name": "layouts-calendar",
      "type": "registry:block",
      "title": "Calendar",
      "description": "Full-featured week/day view with event drag + resize, multi-day events, mini-calendar sidebar, command menu, and rich keyboard shortcuts.",
      "dependencies": [
        "date-fns",
        "lucide-react",
        "next-themes",
        "react-day-picker",
        "cmdk",
        "motion"
      ],
      "files": [
        {
          "path": "components/layouts/calendar/calendar-event-item.tsx",
          "type": "registry:component",
          "target": "components/layouts/calendar/calendar-event-item.tsx"
        },
        {
          "path": "components/layouts/calendar/calendar-popover-context.tsx",
          "type": "registry:component",
          "target": "components/layouts/calendar/calendar-popover-context.tsx"
        },
        {
          "path": "components/layouts/calendar/calendars.tsx",
          "type": "registry:component",
          "target": "components/layouts/calendar/calendars.tsx"
        },
        {
          "path": "components/layouts/calendar/command-menu.tsx",
          "type": "registry:component",
          "target": "components/layouts/calendar/command-menu.tsx"
        },
        {
          "path": "components/layouts/calendar/date-picker.tsx",
          "type": "registry:component",
          "target": "components/layouts/calendar/date-picker.tsx"
        },
        {
          "path": "components/layouts/calendar/event-context-menu.tsx",
          "type": "registry:component",
          "target": "components/layouts/calendar/event-context-menu.tsx"
        },
        {
          "path": "components/layouts/calendar/event-detail-panel.tsx",
          "type": "registry:component",
          "target": "components/layouts/calendar/event-detail-panel.tsx"
        },
        {
          "path": "components/layouts/calendar/event-detail-popover.tsx",
          "type": "registry:component",
          "target": "components/layouts/calendar/event-detail-popover.tsx"
        },
        {
          "path": "components/layouts/calendar/nav-favorites.tsx",
          "type": "registry:component",
          "target": "components/layouts/calendar/nav-favorites.tsx"
        },
        {
          "path": "components/layouts/calendar/nav-main.tsx",
          "type": "registry:component",
          "target": "components/layouts/calendar/nav-main.tsx"
        },
        {
          "path": "components/layouts/calendar/nav-secondary.tsx",
          "type": "registry:component",
          "target": "components/layouts/calendar/nav-secondary.tsx"
        },
        {
          "path": "components/layouts/calendar/nav-user.tsx",
          "type": "registry:component",
          "target": "components/layouts/calendar/nav-user.tsx"
        },
        {
          "path": "components/layouts/calendar/nav-workspaces.tsx",
          "type": "registry:component",
          "target": "components/layouts/calendar/nav-workspaces.tsx"
        },
        {
          "path": "components/layouts/calendar/sidebar-left.tsx",
          "type": "registry:component",
          "target": "components/layouts/calendar/sidebar-left.tsx"
        },
        {
          "path": "components/layouts/calendar/sidebar-right.tsx",
          "type": "registry:component",
          "target": "components/layouts/calendar/sidebar-right.tsx"
        },
        {
          "path": "components/layouts/calendar/team-switcher.tsx",
          "type": "registry:component",
          "target": "components/layouts/calendar/team-switcher.tsx"
        },
        {
          "path": "components/layouts/calendar/view-dropdown.tsx",
          "type": "registry:component",
          "target": "components/layouts/calendar/view-dropdown.tsx"
        },
        {
          "path": "components/layouts/calendar/week-view-all-day-row.tsx",
          "type": "registry:component",
          "target": "components/layouts/calendar/week-view-all-day-row.tsx"
        },
        {
          "path": "components/layouts/calendar/week-view-day-columns.tsx",
          "type": "registry:component",
          "target": "components/layouts/calendar/week-view-day-columns.tsx"
        },
        {
          "path": "components/layouts/calendar/week-view-grid.tsx",
          "type": "registry:component",
          "target": "components/layouts/calendar/week-view-grid.tsx"
        },
        {
          "path": "components/layouts/calendar/week-view-time-axis.tsx",
          "type": "registry:component",
          "target": "components/layouts/calendar/week-view-time-axis.tsx"
        },
        {
          "path": "components/layouts/calendar/week-view-time-indicator.tsx",
          "type": "registry:component",
          "target": "components/layouts/calendar/week-view-time-indicator.tsx"
        },
        {
          "path": "components/layouts/calendar/week-view-types.ts",
          "type": "registry:component",
          "target": "components/layouts/calendar/week-view-types.ts"
        },
        {
          "path": "components/layouts/calendar/week-view.tsx",
          "type": "registry:component",
          "target": "components/layouts/calendar/week-view.tsx"
        },
        {
          "path": "components/ui/kbd.tsx",
          "type": "registry:ui",
          "target": "components/ui/kbd.tsx"
        },
        {
          "path": "components/ui/sidebar.tsx",
          "type": "registry:ui",
          "target": "components/ui/sidebar.tsx"
        },
        {
          "path": "components/mode-toggle.tsx",
          "type": "registry:component",
          "target": "components/mode-toggle.tsx"
        },
        {
          "path": "hooks/layouts/use-all-day-resize.ts",
          "type": "registry:hook",
          "target": "hooks/layouts/use-all-day-resize.ts"
        },
        {
          "path": "hooks/layouts/use-event-drag.ts",
          "type": "registry:hook",
          "target": "hooks/layouts/use-event-drag.ts"
        },
        {
          "path": "hooks/layouts/use-event-resize.ts",
          "type": "registry:hook",
          "target": "hooks/layouts/use-event-resize.ts"
        },
        {
          "path": "hooks/layouts/use-horizontal-scroll.ts",
          "type": "registry:hook",
          "target": "hooks/layouts/use-horizontal-scroll.ts"
        },
        {
          "path": "hooks/layouts/use-mobile.ts",
          "type": "registry:hook",
          "target": "hooks/layouts/use-mobile.ts"
        },
        {
          "path": "lib/layouts/event-utils.ts",
          "type": "registry:lib",
          "target": "lib/layouts/event-utils.ts"
        },
        {
          "path": "lib/layouts/mock-events.ts",
          "type": "registry:lib",
          "target": "lib/layouts/mock-events.ts"
        },
        {
          "path": "app/preview/layouts/calendar/page.tsx",
          "type": "registry:page",
          "target": "app/calendar/page.tsx"
        }
      ]
    },
    {
      "name": "wizard-stepper-demo",
      "type": "registry:example",
      "title": "Wizard Stepper Demo",
      "description": "Example showing wizard steppers with titles and descriptions for multi-step forms and checkout flows.",
      "registryDependencies": [
        "https://ruixen.com/r/wizard-stepper"
      ],
      "files": [
        {
          "path": "registry/example/wizard-stepper-demo.tsx",
          "type": "registry:example",
          "target": "components/wizard-stepper-demo.tsx"
        }
      ]
    },
    {
      "name": "milestone-stepper-demo",
      "type": "registry:example",
      "title": "Milestone Stepper Demo",
      "description": "Example showing vertical timeline steppers for order tracking and project milestones.",
      "registryDependencies": [
        "https://ruixen.com/r/milestone-stepper"
      ],
      "files": [
        {
          "path": "registry/example/milestone-stepper-demo.tsx",
          "type": "registry:example",
          "target": "components/milestone-stepper-demo.tsx"
        }
      ]
    },
    {
      "name": "spark-chart-demo",
      "type": "registry:example",
      "title": "Spark Chart Demo",
      "description": "Example showing an interactive sparkline with revenue header, dynamic value scrubbing, and trend-aware color.",
      "registryDependencies": [
        "https://ruixen.com/r/spark-chart"
      ],
      "files": [
        {
          "path": "registry/example/spark-chart-demo.tsx",
          "type": "registry:example",
          "target": "components/spark-chart-demo.tsx"
        }
      ]
    },
    {
      "name": "staggered-faq-section-demo",
      "type": "registry:example",
      "title": "StaggeredFAQSection Demo",
      "description": "Example showing a responsive FAQ component with animated text reveals.",
      "registryDependencies": [
        "https://ruixen.com/r/staggered-faq-section"
      ],
      "files": [
        {
          "path": "registry/example/staggered-faq-section-demo.tsx",
          "type": "registry:example",
          "target": "components/staggered-faq-section-demo.tsx"
        }
      ]
    },
    {
      "name": "product-feature-hero-demo",
      "type": "registry:example",
      "title": "Product Feature Hero Demo",
      "description": "Example of a two-column hero with gradient card and feature grid.",
      "registryDependencies": [
        "https://ruixen.com/r/product-feature-hero"
      ],
      "files": [
        {
          "path": "registry/example/product-feature-hero-demo.tsx",
          "type": "registry:example",
          "target": "components/product-feature-hero-demo.tsx"
        }
      ]
    },
    {
      "name": "product-card-hero-demo",
      "type": "registry:example",
      "title": "Product Card Hero Demo",
      "description": "Example of a two-column hero with floating account menu card and feature grid.",
      "registryDependencies": [
        "https://ruixen.com/r/product-card-hero"
      ],
      "files": [
        {
          "path": "registry/example/product-card-hero-demo.tsx",
          "type": "registry:example",
          "target": "components/product-card-hero-demo.tsx"
        }
      ]
    },
    {
      "name": "feature-highlights-demo",
      "type": "registry:example",
      "title": "FeatureHighlights Demo",
      "description": "Example showing a responsive FAQ component with animated text reveals.",
      "registryDependencies": [
        "https://ruixen.com/r/feature-highlights"
      ],
      "files": [
        {
          "path": "registry/example/feature-highlights-demo.tsx",
          "type": "registry:example",
          "target": "components/feature-highlights-demo.tsx"
        }
      ]
    },
    {
      "name": "faq-scroll-accordion-demo",
      "type": "registry:example",
      "title": "FAQ Scroll Accordion Demo",
      "description": "Example showing a scroll-triggered FAQ accordion component with smooth GSAP animations and auto-expanding items.",
      "registryDependencies": [
        "https://ruixen.com/r/faq-scroll-accordion"
      ],
      "files": [
        {
          "path": "registry/example/faq-scroll-accordion-demo.tsx",
          "type": "registry:example",
          "target": "components/faq-scroll-accordion-demo.tsx"
        }
      ]
    },
    {
      "name": "faq-auto-accordion-demo",
      "type": "registry:example",
      "title": "FAQ Auto Accordion Demo",
      "description": "Example showing a materializing card stack FAQ with auto-advance and ghost hover states.",
      "registryDependencies": [
        "https://ruixen.com/r/faq-auto-accordion"
      ],
      "files": [
        {
          "path": "registry/example/faq-auto-accordion-demo.tsx",
          "type": "registry:example",
          "target": "components/faq-auto-accordion-demo.tsx"
        }
      ]
    },
    {
      "name": "animated-theme-toggler-demo",
      "type": "registry:example",
      "title": "Animated Theme Toggler Demo",
      "description": "Example showing animation while changing the theme.",
      "registryDependencies": [
        "https://ruixen.com/animated-theme-toggler"
      ],
      "files": [
        {
          "path": "registry/example/animated-theme-toggler-demo.tsx",
          "type": "registry:example",
          "target": "components/animated-theme-toggler-demo.tsx"
        }
      ]
    },
    {
      "name": "card-carousel-hero-demo",
      "type": "registry:example",
      "title": "Card Carousel Hero Demo",
      "description": "Example showing an interactive hero section with card carousel",
      "registryDependencies": [
        "https://www.ruixen.com/r/card-carousel-hero"
      ],
      "files": [
        {
          "path": "registry/example/card-carousel-hero-demo.tsx",
          "type": "registry:example",
          "target": "components/card-carousel-hero-demo.tsx"
        }
      ]
    },
    {
      "name": "gradient-hero-showcase-demo",
      "type": "registry:example",
      "title": "Gradient Hero Showcase Demo",
      "description": "Example showing a modern hero section with animated gradient background",
      "registryDependencies": [
        "https://www.ruixen.com/r/gradient-hero-showcase"
      ],
      "files": [
        {
          "path": "registry/example/gradient-hero-showcase-demo.tsx",
          "type": "registry:example",
          "target": "components/gradient-hero-showcase-demo.tsx"
        }
      ]
    },
    {
      "name": "video-hero-showcase-demo",
      "type": "registry:example",
      "title": "Video Hero Showcase Demo",
      "description": "Example showing a dynamic hero section with video backgrounds",
      "registryDependencies": [
        "https://www.ruixen.com/r/video-hero-showcase"
      ],
      "files": [
        {
          "path": "registry/example/video-hero-showcase-demo.tsx",
          "type": "registry:example",
          "target": "components/video-hero-showcase-demo.tsx"
        }
      ]
    },
    {
      "name": "split-feature-showcase-demo",
      "type": "registry:example",
      "title": "Split Feature Showcase Demo",
      "description": "Example of scroll-triggered bento grid with spring animations and integration cards.",
      "registryDependencies": [
        "https://ruixen.com/r/split-feature-showcase"
      ],
      "files": [
        {
          "path": "registry/example/split-feature-showcase-demo.tsx",
          "type": "registry:example",
          "target": "components/split-feature-showcase-demo.tsx"
        }
      ]
    },
    {
      "name": "integration-and-stats-section-demo",
      "type": "registry:example",
      "title": "Integration And Stats Section Demo",
      "description": "Example of integration showcase with testimonials and stats",
      "registryDependencies": [
        "https://www.ruixen.com/r/integration-and-stats-section"
      ],
      "files": [
        {
          "path": "registry/example/integration-and-stats-section-demo.tsx",
          "type": "registry:example",
          "target": "components/integration-and-stats-section-demo.tsx"
        }
      ]
    },
    {
      "name": "rotating-gradient-right-demo",
      "type": "registry:example",
      "title": "Rotating Gradient Right Demo",
      "description": "Example of rotating conic gradient animation with centered card",
      "registryDependencies": [
        "https://www.ruixen.com/r/rotating-gradient-right"
      ],
      "files": [
        {
          "path": "registry/example/rotating-gradient-right-demo.tsx",
          "type": "registry:example",
          "target": "components/rotating-gradient-right-demo.tsx"
        }
      ]
    },
    {
      "name": "automated-tasks-panel-demo",
      "type": "registry:example",
      "title": "Automated Tasks Panel Demo",
      "description": "Example of animated task panel with scrolling automation features",
      "registryDependencies": [
        "https://www.ruixen.com/r/automated-tasks-panel"
      ],
      "files": [
        {
          "path": "registry/example/automated-tasks-panel-demo.tsx",
          "type": "registry:example",
          "target": "components/automated-tasks-panel-demo.tsx"
        }
      ]
    },
    {
      "name": "trusted-clients-showcase-demo",
      "type": "registry:example",
      "title": "Trusted Clients Showcase Demo",
      "description": "Example of trusted clients showcase with logos in grid layout",
      "registryDependencies": [
        "https://www.ruixen.com/r/trusted-clients-showcase"
      ],
      "files": [
        {
          "path": "registry/example/trusted-clients-showcase-demo.tsx",
          "type": "registry:example",
          "target": "components/trusted-clients-showcase-demo.tsx"
        }
      ]
    },
    {
      "name": "client-carousel-showcase-demo",
      "type": "registry:example",
      "title": "Client Carousel Showcase Demo",
      "description": "Example of interactive carousel showcasing client logos",
      "registryDependencies": [
        "https://www.ruixen.com/r/client-carousel-showcase"
      ],
      "files": [
        {
          "path": "registry/example/client-carousel-showcase-demo.tsx",
          "type": "registry:example",
          "target": "components/client-carousel-showcase-demo.tsx"
        }
      ]
    },
    {
      "name": "auto-scrolling-client-carousel-demo",
      "type": "registry:example",
      "title": "Auto Scrolling Client Carousel Demo",
      "description": "Example of automatically scrolling carousel with client logos",
      "registryDependencies": [
        "https://www.ruixen.com/r/auto-scrolling-client-carousel"
      ],
      "files": [
        {
          "path": "registry/example/auto-scrolling-client-carousel-demo.tsx",
          "type": "registry:example",
          "target": "components/auto-scrolling-client-carousel-demo.tsx"
        }
      ]
    },
    {
      "name": "footer-pro-demo",
      "type": "registry:example",
      "title": "Footer Pro Demo",
      "description": "Example of a professional footer with comprehensive sections",
      "registryDependencies": [
        "https://www.ruixen.com/r/footer-pro"
      ],
      "files": [
        {
          "path": "registry/example/footer-pro-demo.tsx",
          "type": "registry:example",
          "target": "components/footer-pro-demo.tsx"
        }
      ]
    },
    {
      "name": "corporate-footer-demo",
      "type": "registry:example",
      "title": "Corporate Footer Demo",
      "description": "Example of a corporate-style footer component",
      "registryDependencies": [
        "https://www.ruixen.com/r/corporate-footer"
      ],
      "files": [
        {
          "path": "registry/example/corporate-footer-demo.tsx",
          "type": "registry:example",
          "target": "components/corporate-footer-demo.tsx"
        }
      ]
    },
    {
      "name": "footer-enterprise-demo",
      "type": "registry:example",
      "title": "Footer Enterprise Demo",
      "description": "Example of an enterprise-grade footer component",
      "registryDependencies": [
        "https://www.ruixen.com/r/footer-enterprise"
      ],
      "files": [
        {
          "path": "registry/example/footer-enterprise-demo.tsx",
          "type": "registry:example",
          "target": "components/footer-enterprise-demo.tsx"
        }
      ]
    },
    {
      "name": "wordmark-footer-demo",
      "type": "registry:example",
      "title": "Wordmark Footer Demo",
      "description": "Example of a half-cut wordmark footer",
      "registryDependencies": [
        "https://www.ruixen.com/r/wordmark-footer"
      ],
      "files": [
        {
          "path": "registry/example/wordmark-footer-demo.tsx",
          "type": "registry:example",
          "target": "components/wordmark-footer-demo.tsx"
        }
      ]
    },
    {
      "name": "hover-gradient-navbar-demo",
      "type": "registry:example",
      "title": "Hover Gradient Navbar Demo",
      "description": "Example of a navigation bar with gradient hover effects",
      "registryDependencies": [
        "https://www.ruixen.com/r/hover-gradient-navbar"
      ],
      "files": [
        {
          "path": "registry/example/hover-gradient-navbar-demo.tsx",
          "type": "registry:example",
          "target": "components/hover-gradient-navbar-demo.tsx"
        }
      ]
    },
    {
      "name": "floating-navbar-demo",
      "type": "registry:example",
      "title": "Floating Navbar Demo",
      "description": "Example of a floating navigation bar with scroll animations",
      "registryDependencies": [
        "https://www.ruixen.com/r/floating-navbar"
      ],
      "files": [
        {
          "path": "registry/example/floating-navbar-demo.tsx",
          "type": "registry:example",
          "target": "components/floating-navbar-demo.tsx"
        }
      ]
    },
    {
      "name": "luma-bar-demo",
      "type": "registry:example",
      "title": "Luma Bar Demo",
      "description": "Example of a Luma-inspired navigation bar",
      "registryDependencies": [
        "https://www.ruixen.com/r/luma-bar"
      ],
      "files": [
        {
          "path": "registry/example/luma-bar-demo.tsx",
          "type": "registry:example",
          "target": "components/luma-bar-demo.tsx"
        }
      ]
    },
    {
      "name": "promote-header-demo",
      "type": "registry:example",
      "title": "Promote Header Demo",
      "description": "Example of a promotional header component",
      "registryDependencies": [
        "https://www.ruixen.com/r/promote-header"
      ],
      "files": [
        {
          "path": "registry/example/promote-header-demo.tsx",
          "type": "registry:example",
          "target": "components/promote-header-demo.tsx"
        }
      ]
    },
    {
      "name": "pricing-plans-demo",
      "type": "registry:example",
      "title": "Pricing Plans Demo",
      "description": "Example of comprehensive pricing plans with multiple tiers",
      "registryDependencies": [
        "https://www.ruixen.com/r/pricing-plans"
      ],
      "files": [
        {
          "path": "registry/example/pricing-plans-demo.tsx",
          "type": "registry:example",
          "target": "components/pricing-plans-demo.tsx"
        }
      ]
    },
    {
      "name": "pricing-comparison-demo",
      "type": "registry:example",
      "title": "Pricing Comparison Demo",
      "description": "Example of a detailed pricing comparison table",
      "registryDependencies": [
        "https://www.ruixen.com/r/pricing-comparison"
      ],
      "files": [
        {
          "path": "registry/example/pricing-comparison-demo.tsx",
          "type": "registry:example",
          "target": "components/pricing-comparison-demo.tsx"
        }
      ]
    },
    {
      "name": "pricing-feature-matrix-demo",
      "type": "registry:example",
      "title": "Pricing Feature Matrix Demo",
      "description": "Example of a comprehensive pricing feature matrix with categories and tooltips",
      "registryDependencies": [
        "https://www.ruixen.com/r/pricing-feature-matrix"
      ],
      "files": [
        {
          "path": "registry/example/pricing-feature-matrix-demo.tsx",
          "type": "registry:example",
          "target": "components/pricing-feature-matrix-demo.tsx"
        }
      ]
    },
    {
      "name": "subscription-plans-demo",
      "type": "registry:example",
      "title": "Subscription Plans Demo",
      "description": "Example of subscription-focused pricing component",
      "registryDependencies": [
        "https://www.ruixen.com/r/subscription-plans"
      ],
      "files": [
        {
          "path": "registry/example/subscription-plans-demo.tsx",
          "type": "registry:example",
          "target": "components/subscription-plans-demo.tsx"
        }
      ]
    },
    {
      "name": "pricing-flow-demo",
      "type": "registry:example",
      "title": "Pricing Flow Demo",
      "description": "Example of interactive pricing flow with billing toggles",
      "registryDependencies": [
        "https://www.ruixen.com/r/pricing-flow"
      ],
      "files": [
        {
          "path": "registry/example/pricing-flow-demo.tsx",
          "type": "registry:example",
          "target": "components/pricing-flow-demo.tsx"
        }
      ]
    },
    {
      "name": "pricing-with-user-scaling-demo",
      "type": "registry:example",
      "title": "Pricing with User Scaling Demo",
      "description": "Example of pricing component with user-based scaling",
      "registryDependencies": [
        "https://www.ruixen.com/r/pricing-with-user-scaling"
      ],
      "files": [
        {
          "path": "registry/example/pricing-with-user-scaling-demo.tsx",
          "type": "registry:example",
          "target": "components/pricing-with-user-scaling-demo.tsx"
        }
      ]
    },
    {
      "name": "pricing-cards-tooltip-demo",
      "type": "registry:example",
      "title": "Pricing Cards with Tooltips Demo",
      "description": "Example of a clean two-column pricing comparison with feature tooltips",
      "registryDependencies": [
        "https://www.ruixen.com/r/pricing-cards-tooltip"
      ],
      "files": [
        {
          "path": "registry/example/pricing-cards-tooltip-demo.tsx",
          "type": "registry:example",
          "target": "components/pricing-cards-tooltip-demo.tsx"
        }
      ]
    },
    {
      "name": "slide-to-delete-button-demo",
      "type": "registry:example",
      "title": "Slide To Delete Button Demo",
      "description": "Example showing a draggable button that requires sliding to confirm deletion action.",
      "registryDependencies": [
        "https://www.ruixen.com/r/slide-to-delete-button"
      ],
      "files": [
        {
          "path": "registry/example/slide-to-delete-button-demo.tsx",
          "type": "registry:example",
          "target": "components/slide-to-delete-button-demo.tsx"
        }
      ]
    },
    {
      "name": "glow-link-button-demo",
      "type": "registry:example",
      "title": "Glow Link Button Demo",
      "description": "Example showing a button with a subtle glow effect and animated arrow on hover.",
      "registryDependencies": [
        "https://www.ruixen.com/r/glow-link-button"
      ],
      "files": [
        {
          "path": "registry/example/glow-link-button-demo.tsx",
          "type": "registry:example",
          "target": "components/glow-link-button-demo.tsx"
        }
      ]
    },
    {
      "name": "circular-stepper-input-demo",
      "type": "registry:example",
      "title": "Circular Stepper Input Demo",
      "description": "Example showing a circular input component with increment/decrement functionality.",
      "registryDependencies": [
        "https://www.ruixen.com/r/circular-stepper-input"
      ],
      "files": [
        {
          "path": "registry/example/circular-stepper-input-demo.tsx",
          "type": "registry:example",
          "target": "components/circular-stepper-input-demo.tsx"
        }
      ]
    },
    {
      "name": "color-picker-input-demo",
      "type": "registry:example",
      "title": "Color Picker Input Demo",
      "description": "Example showing a color picker component with opacity control and copy functionality.",
      "registryDependencies": [
        "https://www.ruixen.com/r/color-picker-input"
      ],
      "files": [
        {
          "path": "registry/example/color-picker-input-demo.tsx",
          "type": "registry:example",
          "target": "components/color-picker-input-demo.tsx"
        }
      ]
    },
    {
      "name": "gravatar-email-input-demo",
      "type": "registry:example",
      "title": "Gravatar Email Input Demo",
      "description": "Example showing an email input that displays Gravatar avatar preview.",
      "registryDependencies": [
        "https://www.ruixen.com/r/gravatar-email-input"
      ],
      "files": [
        {
          "path": "registry/example/gravatar-email-input-demo.tsx",
          "type": "registry:example",
          "target": "components/gravatar-email-input-demo.tsx"
        }
      ]
    },
    {
      "name": "correct-number-input-demo",
      "type": "registry:example",
      "title": "Correct Number Input Demo",
      "description": "Example showing a number input with validation and correction features.",
      "registryDependencies": [
        "https://www.ruixen.com/r/correct-number-input"
      ],
      "files": [
        {
          "path": "registry/example/correct-number-input-demo.tsx",
          "type": "registry:example",
          "target": "components/correct-number-input-demo.tsx"
        }
      ]
    },
    {
      "name": "better-time-picker-demo",
      "type": "registry:example",
      "title": "Better Time Picker Demo",
      "description": "Example showing an enhanced time picker with improved user experience.",
      "registryDependencies": [
        "https://www.ruixen.com/r/better-time-picker"
      ],
      "files": [
        {
          "path": "registry/example/better-time-picker-demo.tsx",
          "type": "registry:example",
          "target": "components/better-time-picker-demo.tsx"
        }
      ]
    },
    {
      "name": "inline-copy-input-demo",
      "type": "registry:example",
      "title": "Inline Copy Input Demo",
      "description": "Example showing an input field with inline copy-to-clipboard functionality.",
      "registryDependencies": [
        "https://www.ruixen.com/r/inline-copy-input"
      ],
      "files": [
        {
          "path": "registry/example/inline-copy-input-demo.tsx",
          "type": "registry:example",
          "target": "components/inline-copy-input-demo.tsx"
        }
      ]
    },
    {
      "name": "clean-tag-input-demo",
      "type": "registry:example",
      "title": "Clean Tag Input Demo",
      "description": "Example showing a clean and minimal tag input component for adding multiple values.",
      "registryDependencies": [
        "https://www.ruixen.com/r/clean-tag-input"
      ],
      "files": [
        {
          "path": "registry/example/clean-tag-input-demo.tsx",
          "type": "registry:example",
          "target": "components/clean-tag-input-demo.tsx"
        }
      ]
    },
    {
      "name": "nested-dashboard-menu-demo",
      "type": "registry:example",
      "title": "Nested Dashboard Menu Demo",
      "description": "Example showing a nested navigation menu component for dashboard layouts.",
      "registryDependencies": [
        "https://www.ruixen.com/r/nested-dashboard-menu"
      ],
      "files": [
        {
          "path": "registry/example/nested-dashboard-menu-demo.tsx",
          "type": "registry:example",
          "target": "components/nested-dashboard-menu-demo.tsx"
        }
      ]
    },
    {
      "name": "drawer-inner-content-demo",
      "type": "registry:example",
      "title": "Drawer Inner Content Demo",
      "description": "Example showing a drawer component with customizable inner content layout.",
      "registryDependencies": [
        "https://www.ruixen.com/r/drawer-inner-content"
      ],
      "files": [
        {
          "path": "registry/example/drawer-inner-content-demo.tsx",
          "type": "registry:example",
          "target": "components/drawer-inner-content-demo.tsx"
        }
      ]
    },
    {
      "name": "centered-feedback-drawer-demo",
      "type": "registry:example",
      "title": "Centered Feedback Drawer Demo",
      "description": "Example showing a centered drawer component designed for feedback collection.",
      "registryDependencies": [
        "https://www.ruixen.com/r/centered-feedback-drawer"
      ],
      "files": [
        {
          "path": "registry/example/centered-feedback-drawer-demo.tsx",
          "type": "registry:example",
          "target": "components/centered-feedback-drawer-demo.tsx"
        }
      ]
    },
    {
      "name": "bottom-drawers-demo",
      "type": "registry:example",
      "title": "Bottom Drawers Demo",
      "description": "Example showing a bottom drawer component that slides up from the bottom of the screen.",
      "registryDependencies": [
        "https://www.ruixen.com/r/bottom-drawers"
      ],
      "files": [
        {
          "path": "registry/example/bottom-drawers-demo.tsx",
          "type": "registry:example",
          "target": "components/bottom-drawers-demo.tsx"
        }
      ]
    },
    {
      "name": "input-with-select-demo",
      "type": "registry:example",
      "title": "Input With Select Demo",
      "description": "Example showing a modern input field with an integrated select dropdown for currency or unit selection.",
      "registryDependencies": [
        "https://www.ruixen.com/r/input-with-select"
      ],
      "files": [
        {
          "path": "registry/example/input-with-select-demo.tsx",
          "type": "registry:example",
          "target": "components/input-with-select-demo.tsx"
        }
      ]
    },
    {
      "name": "url-input-demo",
      "type": "registry:example",
      "title": "URL Input Demo",
      "description": "Example showing a smart URL input field that automatically displays website favicons.",
      "registryDependencies": [
        "https://www.ruixen.com/r/url-input"
      ],
      "files": [
        {
          "path": "registry/example/url-input-demo.tsx",
          "type": "registry:example",
          "target": "components/url-input-demo.tsx"
        }
      ]
    },
    {
      "name": "password-field-demo",
      "type": "registry:example",
      "title": "Password Field Demo",
      "description": "Example showing an advanced password input with strength meter, validation checklist, and password generation.",
      "registryDependencies": [
        "https://www.ruixen.com/r/password-field"
      ],
      "files": [
        {
          "path": "registry/example/password-field-demo.tsx",
          "type": "registry:example",
          "target": "components/password-field-demo.tsx"
        }
      ]
    },
    {
      "name": "notification-demo",
      "type": "registry:example",
      "title": "Notification Demo",
      "description": "Example showing a clean notification popover component with title, description, and timestamp display.",
      "registryDependencies": [
        "https://www.ruixen.com/r/notification"
      ],
      "files": [
        {
          "path": "registry/example/notification-demo.tsx",
          "type": "registry:example",
          "target": "components/notification-demo.tsx"
        }
      ]
    },
    {
      "name": "notifications-carousel-demo",
      "type": "registry:example",
      "title": "Notifications Carousel Demo",
      "description": "Example showing a carousel-style notification component that displays one notification at a time with navigation controls.",
      "registryDependencies": [
        "https://www.ruixen.com/r/notifications-carousel"
      ],
      "files": [
        {
          "path": "registry/example/notifications-carousel-demo.tsx",
          "type": "registry:example",
          "target": "components/notifications-carousel-demo.tsx"
        }
      ]
    },
    {
      "name": "notifications-filter-demo",
      "type": "registry:example",
      "title": "Notifications Filter Demo",
      "description": "Example showing a notification component with category filtering to organize notifications by type.",
      "registryDependencies": [
        "https://www.ruixen.com/r/notifications-filter"
      ],
      "files": [
        {
          "path": "registry/example/notifications-filter-demo.tsx",
          "type": "registry:example",
          "target": "components/notifications-filter-demo.tsx"
        }
      ]
    },
    {
      "name": "glass-form-demo",
      "type": "registry:example",
      "title": "Glass Form Demo",
      "description": "Example showing an iOS 26 liquid-glass form with grouped fields, toggles, and segmented controls.",
      "registryDependencies": [
        "https://www.ruixen.com/r/glass-form"
      ],
      "files": [
        {
          "path": "registry/example/glass-form-demo.tsx",
          "type": "registry:example",
          "target": "components/glass-form-demo.tsx"
        }
      ]
    },
    {
      "name": "motion-file-tree-demo",
      "type": "registry:example",
      "title": "Motion File Tree Demo",
      "description": "Example showing an animated file tree component with smooth expand/collapse transitions.",
      "registryDependencies": [
        "https://www.ruixen.com/r/motion-file-tree"
      ],
      "files": [
        {
          "path": "registry/example/motion-file-tree-demo.tsx",
          "type": "registry:example",
          "target": "components/motion-file-tree-demo.tsx"
        }
      ]
    },
    {
      "name": "magic-tree-demo",
      "type": "registry:example",
      "title": "Magic Tree Demo",
      "description": "Example showing a magical file tree with sparkle effects and interactive animations.",
      "registryDependencies": [
        "https://www.ruixen.com/r/magic-tree"
      ],
      "files": [
        {
          "path": "registry/example/magic-tree-demo.tsx",
          "type": "registry:example",
          "target": "components/magic-tree-demo.tsx"
        }
      ]
    },
    {
      "name": "tree-node-tooltip-demo",
      "type": "registry:example",
      "title": "Tree Node Tooltip Demo",
      "description": "Example showing a file tree component with tooltip support for each node.",
      "registryDependencies": [
        "https://www.ruixen.com/r/tree-node-tooltip"
      ],
      "files": [
        {
          "path": "registry/example/tree-node-tooltip-demo.tsx",
          "type": "registry:example",
          "target": "components/tree-node-tooltip-demo.tsx"
        }
      ]
    },
    {
      "name": "event-scheduler-demo",
      "type": "registry:example",
      "title": "Event Scheduler Demo",
      "description": "Example showing a full-featured event scheduler with event creation and management.",
      "registryDependencies": [
        "https://www.ruixen.com/r/event-scheduler"
      ],
      "files": [
        {
          "path": "registry/example/event-scheduler-demo.tsx",
          "type": "registry:example",
          "target": "components/event-scheduler-demo.tsx"
        }
      ]
    },
    {
      "name": "glass-image-editor-demo",
      "type": "registry:example",
      "title": "Glass Image Editor Demo",
      "description": "Example showing an iOS 26 liquid-glass image editor with upload, zoom, rotate, and multi-image support.",
      "registryDependencies": [
        "https://ruixen.com/r/glass-image-editor"
      ],
      "files": [
        {
          "path": "registry/example/glass-image-editor-demo.tsx",
          "type": "registry:example",
          "target": "components/glass-image-editor-demo.tsx"
        }
      ]
    },
    {
      "name": "glass-image-compare-demo",
      "type": "registry:example",
      "title": "Glass Image Compare Demo",
      "description": "Example showing an iOS 26 liquid-glass before/after image comparison slider.",
      "registryDependencies": [
        "https://ruixen.com/r/glass-image-compare"
      ],
      "files": [
        {
          "path": "registry/example/glass-image-compare-demo.tsx",
          "type": "registry:example",
          "target": "components/glass-image-compare-demo.tsx"
        }
      ]
    },
    {
      "name": "video-player-pro-demo",
      "type": "registry:example",
      "title": "Video Player Pro Demo",
      "description": "Example showing a professional video player with custom controls.",
      "registryDependencies": [
        "https://www.ruixen.com/r/video-player-pro"
      ],
      "files": [
        {
          "path": "registry/example/video-player-pro-demo.tsx",
          "type": "registry:example",
          "target": "components/video-player-pro-demo.tsx"
        }
      ]
    },
    {
      "name": "cloud-background-demo",
      "type": "registry:example",
      "title": "Cloud Background Demo",
      "description": "Example showing a flowing cloud background with WebGL shaders.",
      "registryDependencies": [
        "https://ruixen.com/r/cloud-background"
      ],
      "files": [
        {
          "path": "registry/example/cloud-background-demo.tsx",
          "type": "registry:example",
          "target": "components/cloud-background-demo.tsx"
        }
      ]
    },
    {
      "name": "ripple-distortion-demo",
      "type": "registry:example",
      "title": "Ripple Distortion Demo",
      "description": "Example showing an interactive image distortion effect with ripples.",
      "registryDependencies": [
        "https://ruixen.com/r/ripple-distortion"
      ],
      "files": [
        {
          "path": "registry/example/ripple-distortion-demo.tsx",
          "type": "registry:example",
          "target": "components/ripple-distortion-demo.tsx"
        }
      ]
    },
    {
      "name": "particle-text-dots-demo",
      "type": "registry:example",
      "title": "Particle Text Dots Demo",
      "description": "Example showing text rendered as interactive particle dots with cursor effects.",
      "registryDependencies": [
        "https://ruixen.com/r/particle-text-dots"
      ],
      "files": [
        {
          "path": "registry/example/particle-text-dots-demo.tsx",
          "type": "registry:example",
          "target": "components/particle-text-dots-demo.tsx"
        }
      ]
    },
    {
      "name": "dual-tone-rain-background-demo",
      "type": "registry:example",
      "title": "Dual Tone Rain Background Demo",
      "description": "Example showing a sophisticated rain effect with dual-tone colors.",
      "registryDependencies": [
        "https://ruixen.com/r/dual-tone-rain-background"
      ],
      "files": [
        {
          "path": "registry/example/dual-tone-rain-background-demo.tsx",
          "type": "registry:example",
          "target": "components/dual-tone-rain-background-demo.tsx"
        }
      ]
    },
    {
      "name": "magnetic-tabs-demo",
      "type": "registry:example",
      "title": "Magnetic Tabs Demo",
      "description": "Example showing tabs with magnetic hover effects.",
      "registryDependencies": [
        "https://ruixen.com/r/magnetic-tabs"
      ],
      "files": [
        {
          "path": "registry/example/magnetic-tabs-demo.tsx",
          "type": "registry:example",
          "target": "components/magnetic-tabs-demo.tsx"
        }
      ]
    },
    {
      "name": "wheel-pagination-demo",
      "type": "registry:example",
      "title": "Wheel Pagination Demo",
      "description": "Example showing pagination with mouse wheel support.",
      "registryDependencies": [
        "https://ruixen.com/r/wheel-pagination"
      ],
      "files": [
        {
          "path": "registry/example/wheel-pagination-demo.tsx",
          "type": "registry:example",
          "target": "components/wheel-pagination-demo.tsx"
        }
      ]
    },
    {
      "name": "scroll-pagination-demo",
      "type": "registry:example",
      "title": "Scroll Pagination Demo",
      "description": "Example showing minimalist pagination with scroll navigation.",
      "registryDependencies": [
        "https://ruixen.com/r/scroll-pagination"
      ],
      "files": [
        {
          "path": "registry/example/scroll-pagination-demo.tsx",
          "type": "registry:example",
          "target": "components/scroll-pagination-demo.tsx"
        }
      ]
    },
    {
      "name": "icon-pagination-demo",
      "type": "registry:example",
      "title": "Icon Pagination Demo",
      "description": "Example showing pagination with colorful icon indicators.",
      "registryDependencies": [
        "https://ruixen.com/r/icon-pagination"
      ],
      "files": [
        {
          "path": "registry/example/icon-pagination-demo.tsx",
          "type": "registry:example",
          "target": "components/icon-pagination-demo.tsx"
        }
      ]
    },
    {
      "name": "gooey-pagination-demo",
      "type": "registry:example",
      "title": "Gooey Pagination Demo",
      "description": "Example showing pagination with liquid gooey effects.",
      "registryDependencies": [
        "https://ruixen.com/r/gooey-pagination"
      ],
      "files": [
        {
          "path": "registry/example/gooey-pagination-demo.tsx",
          "type": "registry:example",
          "target": "components/gooey-pagination-demo.tsx"
        }
      ]
    },
    {
      "name": "stack-pagination-demo",
      "type": "registry:example",
      "title": "Stack Pagination Demo",
      "description": "Example showing 3D card stack pagination with flip animations.",
      "registryDependencies": [
        "https://ruixen.com/r/stack-pagination"
      ],
      "files": [
        {
          "path": "registry/example/stack-pagination-demo.tsx",
          "type": "registry:example",
          "target": "components/stack-pagination-demo.tsx"
        }
      ]
    },
    {
      "name": "animated-number-flip-demo",
      "type": "registry:example",
      "title": "Animated Number Flip Demo",
      "description": "Example showing number cards with smooth flip animations.",
      "registryDependencies": [
        "https://ruixen.com/r/animated-number-flip"
      ],
      "files": [
        {
          "path": "registry/example/animated-number-flip-demo.tsx",
          "type": "registry:example",
          "target": "components/animated-number-flip-demo.tsx"
        }
      ]
    },
    {
      "name": "morphing-page-dots-demo",
      "type": "registry:example",
      "title": "Morphing Page Dots Demo",
      "description": "Example showing pagination dots that morph with ripple effects.",
      "registryDependencies": [
        "https://ruixen.com/r/morphing-page-dots"
      ],
      "files": [
        {
          "path": "registry/example/morphing-page-dots-demo.tsx",
          "type": "registry:example",
          "target": "components/morphing-page-dots-demo.tsx"
        }
      ]
    },
    {
      "name": "sliding-pagination-demo",
      "type": "registry:example",
      "title": "Sliding Pagination Demo",
      "description": "Example showing pagination with sliding underline indicator.",
      "registryDependencies": [
        "https://ruixen.com/r/sliding-pagination"
      ],
      "files": [
        {
          "path": "registry/example/sliding-pagination-demo.tsx",
          "type": "registry:example",
          "target": "components/sliding-pagination-demo.tsx"
        }
      ]
    },
    {
      "name": "ai-chat-input-demo",
      "type": "registry:example",
      "title": "AI Chat Input Demo",
      "description": "Example showing advanced chat input with AI features.",
      "registryDependencies": [
        "https://ruixen.com/r/ai-chat-input"
      ],
      "files": [
        {
          "path": "registry/example/ai-chat-input-demo.tsx",
          "type": "registry:example",
          "target": "components/ai-chat-input-demo.tsx"
        }
      ]
    },
    {
      "name": "claude-chat-input-demo",
      "type": "registry:example",
      "title": "Claude Chat Input Demo",
      "description": "Example showing multi-modal chat input with file uploads, model selector, and thinking toggle.",
      "registryDependencies": [
        "https://ruixen.com/r/claude-chat-input"
      ],
      "files": [
        {
          "path": "registry/example/claude-chat-input-demo.tsx",
          "type": "registry:example",
          "target": "components/claude-chat-input-demo.tsx"
        }
      ]
    },
    {
      "name": "gooey-dock-demo",
      "type": "registry:example",
      "title": "Gooey Dock Demo",
      "description": "Example showing dock with proximity-based magnification.",
      "registryDependencies": [
        "https://ruixen.com/r/gooey-dock"
      ],
      "files": [
        {
          "path": "registry/example/gooey-dock-demo.tsx",
          "type": "registry:example",
          "target": "components/gooey-dock-demo.tsx"
        }
      ]
    },
    {
      "name": "morphing-expandable-menu-demo",
      "type": "registry:example",
      "title": "Morphing Expandable Menu Demo",
      "description": "Example showing a morphing pill that expands into search, player, timer, and note panels.",
      "registryDependencies": [
        "https://ruixen.com/r/morphing-expandable-menu"
      ],
      "files": [
        {
          "path": "registry/example/morphing-expandable-menu-demo.tsx",
          "type": "registry:example",
          "target": "components/morphing-expandable-menu-demo.tsx"
        }
      ]
    },
    {
      "name": "music-player-card-demo",
      "type": "registry:example",
      "title": "Music Player Card Demo",
      "description": "A rich music player card with album art, social actions, seekable progress, and full transport controls.",
      "registryDependencies": [
        "https://ruixen.com/r/music-player-card"
      ],
      "files": [
        {
          "path": "registry/example/music-player-card-demo.tsx",
          "type": "registry:example",
          "target": "components/music-player-card-demo.tsx"
        }
      ]
    },
    {
      "name": "live-waveform-demo",
      "type": "registry:example",
      "title": "Live Waveform Demo",
      "description": "Example showing canvas-based waveform with processing animation and state controls.",
      "registryDependencies": [
        "https://ruixen.com/r/live-waveform"
      ],
      "files": [
        {
          "path": "registry/example/live-waveform-demo.tsx",
          "type": "registry:example",
          "target": "components/live-waveform-demo.tsx"
        }
      ]
    },
    {
      "name": "visualizer-button-demo",
      "type": "registry:example",
      "title": "Visualizer Button Demo",
      "description": "Example showing compact audio button with equalizer visualization.",
      "registryDependencies": [
        "https://ruixen.com/r/visualizer-button"
      ],
      "files": [
        {
          "path": "registry/example/visualizer-button-demo.tsx",
          "type": "registry:example",
          "target": "components/visualizer-button-demo.tsx"
        }
      ]
    },
    {
      "name": "three-dwall-calendar-demo",
      "type": "registry:example",
      "title": "Three D Wall Calendar Demo",
      "description": "Example showing a 3D wall-style calendar with interactive controls.",
      "registryDependencies": [
        "https://ruixen.com/r/three-dwall-calendar"
      ],
      "files": [
        {
          "path": "registry/example/three-dwall-calendar-demo.tsx",
          "type": "registry:example",
          "target": "components/three-dwall-calendar-demo.tsx"
        }
      ]
    },
    {
      "name": "calendar-planner-demo",
      "type": "registry:example",
      "title": "Calendar Planner Demo",
      "description": "Example showing a comprehensive calendar planner with month/year view switching.",
      "registryDependencies": [
        "https://ruixen.com/r/calendar-planner"
      ],
      "files": [
        {
          "path": "registry/example/calendar-planner-demo.tsx",
          "type": "registry:example",
          "target": "components/calendar-planner-demo.tsx"
        }
      ]
    },
    {
      "name": "calendar-twin-demo",
      "type": "registry:example",
      "title": "Calendar Twin Demo",
      "description": "Example showing a dual-view calendar component with month and year selection modes.",
      "registryDependencies": [
        "https://ruixen.com/r/calendar-twin"
      ],
      "files": [
        {
          "path": "registry/example/calendar-twin-demo.tsx",
          "type": "registry:example",
          "target": "components/calendar-twin-demo.tsx"
        }
      ]
    },
    {
      "name": "chrono-select-demo",
      "type": "registry:example",
      "title": "Chrono Select Demo",
      "description": "Example showing a date picker with integrated year selection dropdown.",
      "registryDependencies": [
        "https://ruixen.com/r/chrono-select"
      ],
      "files": [
        {
          "path": "registry/example/chrono-select-demo.tsx",
          "type": "registry:example",
          "target": "components/chrono-select-demo.tsx"
        }
      ]
    },
    {
      "name": "confetti-button-demo",
      "type": "registry:example",
      "title": "Confetti Button Demo",
      "description": "Example showing a button that triggers confetti animation on click.",
      "registryDependencies": [
        "https://ruixen.com/r/confetti-button"
      ],
      "files": [
        {
          "path": "registry/example/confetti-button-demo.tsx",
          "type": "registry:example",
          "target": "components/confetti-button-demo.tsx"
        }
      ]
    },
    {
      "name": "hover-preview-button-demo",
      "type": "registry:example",
      "title": "Hover Preview Button Demo",
      "description": "Example showing a button with hover preview functionality.",
      "registryDependencies": [
        "https://ruixen.com/r/hover-preview-button"
      ],
      "files": [
        {
          "path": "registry/example/hover-preview-button-demo.tsx",
          "type": "registry:example",
          "target": "components/hover-preview-button-demo.tsx"
        }
      ]
    },
    {
      "name": "icon-label-subtext-button-demo",
      "type": "registry:example",
      "title": "Icon Label Subtext Button Demo",
      "description": "Example showing a button with icon, label, and subtext.",
      "registryDependencies": [
        "https://ruixen.com/r/icon-label-subtext-button"
      ],
      "files": [
        {
          "path": "registry/example/icon-label-subtext-button-demo.tsx",
          "type": "registry:example",
          "target": "components/icon-label-subtext-button-demo.tsx"
        }
      ]
    },
    {
      "name": "badge-button-combo-demo",
      "type": "registry:example",
      "title": "Badge Button Combo Demo",
      "description": "Example showing a button combined with badge functionality.",
      "registryDependencies": [
        "https://ruixen.com/r/badge-button-combo"
      ],
      "files": [
        {
          "path": "registry/example/badge-button-combo-demo.tsx",
          "type": "registry:example",
          "target": "components/badge-button-combo-demo.tsx"
        }
      ]
    },
    {
      "name": "badge-morph-demo",
      "type": "registry:example",
      "title": "Badge Morph Demo",
      "description": "Example showing a morphing status badge with an interactive deploy sequence.",
      "registryDependencies": [
        "https://ruixen.com/r/badge-morph"
      ],
      "files": [
        {
          "path": "registry/example/badge-morph-demo.tsx",
          "type": "registry:example",
          "target": "components/badge-morph-demo.tsx"
        }
      ]
    },
    {
      "name": "banner-announcement-demo",
      "type": "registry:example",
      "title": "Banner Announcement Demo",
      "description": "Example showing announcement banners with various variants.",
      "registryDependencies": [
        "https://ruixen.com/r/banner-announcement"
      ],
      "files": [
        {
          "path": "registry/example/banner-announcement-demo.tsx",
          "type": "registry:example",
          "target": "components/banner-announcement-demo.tsx"
        }
      ]
    },
    {
      "name": "banner-cookie-demo",
      "type": "registry:example",
      "title": "Banner Cookie Demo",
      "description": "Example showing cookie consent banners with different positions.",
      "registryDependencies": [
        "https://ruixen.com/r/banner-cookie"
      ],
      "files": [
        {
          "path": "registry/example/banner-cookie-demo.tsx",
          "type": "registry:example",
          "target": "components/banner-cookie-demo.tsx"
        }
      ]
    },
    {
      "name": "banner-newsletter-demo",
      "type": "registry:example",
      "title": "Banner Newsletter Demo",
      "description": "Example showing newsletter subscription banners.",
      "registryDependencies": [
        "https://ruixen.com/r/banner-newsletter"
      ],
      "files": [
        {
          "path": "registry/example/banner-newsletter-demo.tsx",
          "type": "registry:example",
          "target": "components/banner-newsletter-demo.tsx"
        }
      ]
    },
    {
      "name": "banner-countdown-demo",
      "type": "registry:example",
      "title": "Banner Countdown Demo",
      "description": "Example showing countdown timer banners for promotions.",
      "registryDependencies": [
        "https://ruixen.com/r/banner-countdown"
      ],
      "files": [
        {
          "path": "registry/example/banner-countdown-demo.tsx",
          "type": "registry:example",
          "target": "components/banner-countdown-demo.tsx"
        }
      ]
    },
    {
      "name": "breadcrumb-separator-demo",
      "type": "registry:example",
      "title": "Breadcrumb Separator Demo",
      "description": "Example showing breadcrumbs with different separator styles.",
      "registryDependencies": [
        "https://ruixen.com/r/breadcrumb-separator"
      ],
      "files": [
        {
          "path": "registry/example/breadcrumb-separator-demo.tsx",
          "type": "registry:example",
          "target": "components/breadcrumb-separator-demo.tsx"
        }
      ]
    },
    {
      "name": "breadcrumb-icon-demo",
      "type": "registry:example",
      "title": "Breadcrumb Icon Demo",
      "description": "Example showing breadcrumbs with icons.",
      "registryDependencies": [
        "https://ruixen.com/r/breadcrumb-icon"
      ],
      "files": [
        {
          "path": "registry/example/breadcrumb-icon-demo.tsx",
          "type": "registry:example",
          "target": "components/breadcrumb-icon-demo.tsx"
        }
      ]
    },
    {
      "name": "breadcrumb-dropdown-demo",
      "type": "registry:example",
      "title": "Breadcrumb Dropdown Demo",
      "description": "Example showing breadcrumbs with collapsed items in dropdown.",
      "registryDependencies": [
        "https://ruixen.com/r/breadcrumb-dropdown"
      ],
      "files": [
        {
          "path": "registry/example/breadcrumb-dropdown-demo.tsx",
          "type": "registry:example",
          "target": "components/breadcrumb-dropdown-demo.tsx"
        }
      ]
    },
    {
      "name": "progress-button-demo",
      "type": "registry:example",
      "title": "Progress Button Demo",
      "description": "Example showing a button with progress indicator functionality.",
      "registryDependencies": [
        "https://ruixen.com/r/progress-button"
      ],
      "files": [
        {
          "path": "registry/example/progress-button-demo.tsx",
          "type": "registry:example",
          "target": "components/progress-button-demo.tsx"
        }
      ]
    },
    {
      "name": "invert-tabs-demo",
      "type": "registry:example",
      "title": "Invert Tabs Demo",
      "description": "Example showing tabs with mix-blend-mode exclusion color inversion in both light and dark themes.",
      "registryDependencies": [
        "https://ruixen.com/r/invert-tabs"
      ],
      "files": [
        {
          "path": "registry/example/invert-tabs-demo.tsx",
          "type": "registry:example",
          "target": "components/invert-tabs-demo.tsx"
        }
      ]
    },
    {
      "name": "drag-and-drop-tabs-demo",
      "type": "registry:example",
      "title": "Drag And Drop Tabs Demo",
      "description": "Example showing tabs with spring-animated drag and drop reordering.",
      "registryDependencies": [
        "https://ruixen.com/r/drag-and-drop-tabs"
      ],
      "files": [
        {
          "path": "registry/example/drag-and-drop-tabs-demo.tsx",
          "type": "registry:example",
          "target": "components/drag-and-drop-tabs-demo.tsx"
        }
      ]
    },
    {
      "name": "calendar-lume-demo",
      "type": "registry:example",
      "title": "Calendar Lume Demo",
      "description": "Example showing an animated calendar with year/month/day step navigation.",
      "registryDependencies": [
        "https://ruixen.com/r/calendar-lume"
      ],
      "files": [
        {
          "path": "registry/example/calendar-lume-demo.tsx",
          "type": "registry:example",
          "target": "components/calendar-lume-demo.tsx"
        }
      ]
    },
    {
      "name": "calendar-scheduler-demo",
      "type": "registry:example",
      "title": "Calendar Scheduler Demo",
      "description": "Example showing a meeting scheduler with calendar and time slot selection.",
      "registryDependencies": [
        "https://ruixen.com/r/calendar-scheduler"
      ],
      "files": [
        {
          "path": "registry/example/calendar-scheduler-demo.tsx",
          "type": "registry:example",
          "target": "components/calendar-scheduler-demo.tsx"
        }
      ]
    },
    {
      "name": "notification-inbox-popover-demo",
      "type": "registry:example",
      "title": "Notification Inbox Popover Demo",
      "description": "Example showing a notification inbox with tabs and mark as read functionality.",
      "registryDependencies": [
        "https://ruixen.com/r/notification-inbox-popover"
      ],
      "files": [
        {
          "path": "registry/example/notification-inbox-popover-demo.tsx",
          "type": "registry:example",
          "target": "components/notification-inbox-popover-demo.tsx"
        }
      ]
    },
    {
      "name": "credit-card-dialog-demo",
      "type": "registry:example",
      "title": "Credit Card Dialog Demo",
      "description": "Example showing a credit card payment dialog with 3D flip and auto-formatting.",
      "registryDependencies": [
        "https://ruixen.com/r/credit-card-dialog"
      ],
      "files": [
        {
          "path": "registry/example/credit-card-dialog-demo.tsx",
          "type": "registry:example",
          "target": "components/credit-card-dialog-demo.tsx"
        }
      ]
    },
    {
      "name": "verification-input-demo",
      "type": "registry:example",
      "title": "Verification Input Demo",
      "description": "Example showing an inline verification code input with auto-advance.",
      "registryDependencies": [
        "https://ruixen.com/r/verification-input"
      ],
      "files": [
        {
          "path": "registry/example/verification-input-demo.tsx",
          "type": "registry:example",
          "target": "components/verification-input-demo.tsx"
        }
      ]
    },
    {
      "name": "loading-circle-demo",
      "type": "registry:example",
      "title": "Loading Circle Demo",
      "description": "Example showing a ripple loading animation with concentric circles.",
      "registryDependencies": [
        "https://ruixen.com/r/loading-circle"
      ],
      "files": [
        {
          "path": "registry/example/loading-circle-demo.tsx",
          "type": "registry:example",
          "target": "components/loading-circle-demo.tsx"
        }
      ]
    },
    {
      "name": "load-ripple-demo",
      "type": "registry:example",
      "title": "Load Ripple Demo",
      "description": "Example showing a simple ripple loader with staggered animation timing.",
      "registryDependencies": [
        "https://ruixen.com/r/load-ripple"
      ],
      "files": [
        {
          "path": "registry/example/load-ripple-demo.tsx",
          "type": "registry:example",
          "target": "components/load-ripple-demo.tsx"
        }
      ]
    },
    {
      "name": "ripple-circles-demo",
      "type": "registry:example",
      "title": "Ripple Circles Demo",
      "description": "Example showing animated ripple circles with gradient backgrounds.",
      "registryDependencies": [
        "https://ruixen.com/r/ripple-circles"
      ],
      "files": [
        {
          "path": "registry/example/ripple-circles-demo.tsx",
          "type": "registry:example",
          "target": "components/ripple-circles-demo.tsx"
        }
      ]
    },
    {
      "name": "mouse-spark-demo",
      "type": "registry:example",
      "title": "Mouse Spark Demo",
      "description": "Example showing interactive mouse-following particle effects with customizable themes.",
      "registryDependencies": [
        "https://ruixen.com/r/mouse-spark"
      ],
      "files": [
        {
          "path": "registry/example/mouse-spark-demo.tsx",
          "type": "registry:example",
          "target": "components/mouse-spark-demo.tsx"
        }
      ]
    },
    {
      "name": "neon-circle-grid-demo",
      "type": "registry:example",
      "title": "Neon Circle Grid Demo",
      "description": "Example showing a neon donut-ring circle grid background with directional fade.",
      "registryDependencies": [
        "https://ruixen.com/r/neon-circle-grid"
      ],
      "files": [
        {
          "path": "registry/example/neon-circle-grid-demo.tsx",
          "type": "registry:example",
          "target": "components/neon-circle-grid-demo.tsx"
        }
      ]
    },
    {
      "name": "add-to-cart-button-demo",
      "type": "registry:example",
      "title": "Add To Cart Button Demo",
      "description": "Example showing a morphing add-to-cart button with quantity controls and live price.",
      "registryDependencies": [
        "https://ruixen.com/r/add-to-cart-button"
      ],
      "files": [
        {
          "path": "registry/example/add-to-cart-button-demo.tsx",
          "type": "registry:example",
          "target": "components/add-to-cart-button-demo.tsx"
        }
      ]
    },
    {
      "name": "floating-toolbar-demo",
      "type": "registry:example",
      "title": "Floating Toolbar Demo",
      "description": "Example showing a floating toolbar with animated tabs, cursor glow, and search morphing.",
      "registryDependencies": [
        "https://ruixen.com/r/floating-toolbar"
      ],
      "files": [
        {
          "path": "registry/example/floating-toolbar-demo.tsx",
          "type": "registry:example",
          "target": "components/floating-toolbar-demo.tsx"
        }
      ]
    },
    {
      "name": "fine-tune-slider-demo",
      "type": "registry:example",
      "title": "Fine Tune Slider Demo",
      "description": "Example showing a fine-tune slider with pull-away precision mode.",
      "registryDependencies": [
        "https://ruixen.com/r/fine-tune-slider"
      ],
      "files": [
        {
          "path": "registry/example/fine-tune-slider-demo.tsx",
          "type": "registry:example",
          "target": "components/fine-tune-slider-demo.tsx"
        }
      ]
    },
    {
      "name": "scroll-ruler-demo",
      "type": "registry:example",
      "title": "Scroll Ruler Demo",
      "description": "Example showing a ruler-style input with scroll/drag scrubbing for fractional values.",
      "registryDependencies": [
        "https://ruixen.com/r/scroll-ruler"
      ],
      "files": [
        {
          "path": "registry/example/scroll-ruler-demo.tsx",
          "type": "registry:example",
          "target": "components/scroll-ruler-demo.tsx"
        }
      ]
    },
    {
      "name": "drum-picker-demo",
      "type": "registry:example",
      "title": "Drum Picker Demo",
      "description": "Example showing a 3D cylindrical drum picker for time selection.",
      "registryDependencies": [
        "https://ruixen.com/r/drum-picker"
      ],
      "files": [
        {
          "path": "registry/example/drum-picker-demo.tsx",
          "type": "registry:example",
          "target": "components/drum-picker-demo.tsx"
        }
      ]
    },
    {
      "name": "scrub-datetime-demo",
      "type": "registry:example",
      "title": "Scrub Datetime Demo",
      "description": "Example showing an inline scrubable date-time picker.",
      "registryDependencies": [
        "https://ruixen.com/r/scrub-datetime"
      ],
      "files": [
        {
          "path": "registry/example/scrub-datetime-demo.tsx",
          "type": "registry:example",
          "target": "components/scrub-datetime-demo.tsx"
        }
      ]
    },
    {
      "name": "range-calendar-demo",
      "type": "registry:example",
      "title": "Range Calendar Demo",
      "description": "Example showing a compact date range calendar with capsule highlight.",
      "registryDependencies": [
        "https://ruixen.com/r/range-calendar"
      ],
      "files": [
        {
          "path": "registry/example/range-calendar-demo.tsx",
          "type": "registry:example",
          "target": "components/range-calendar-demo.tsx"
        }
      ]
    },
    {
      "name": "calendar-wave-demo",
      "type": "registry:example",
      "title": "Calendar Wave Demo",
      "description": "Example showing a calendar with wave-effect hover interaction.",
      "registryDependencies": [
        "https://ruixen.com/r/calendar-wave"
      ],
      "files": [
        {
          "path": "registry/example/calendar-wave-demo.tsx",
          "type": "registry:example",
          "target": "components/calendar-wave-demo.tsx"
        }
      ]
    },
    {
      "name": "calendar-crest-demo",
      "type": "registry:example",
      "title": "Calendar Crest Demo",
      "description": "Example showing a dual-month range picker with elevation-based range highlighting.",
      "registryDependencies": [
        "https://ruixen.com/r/calendar-crest"
      ],
      "files": [
        {
          "path": "registry/example/calendar-crest-demo.tsx",
          "type": "registry:example",
          "target": "components/calendar-crest-demo.tsx"
        }
      ]
    },
    {
      "name": "share-button-demo",
      "type": "registry:example",
      "title": "Share Button Demo",
      "description": "Example showing a morphing share button with choreographed phase transitions.",
      "registryDependencies": [
        "https://ruixen.com/r/share-button"
      ],
      "files": [
        {
          "path": "registry/example/share-button-demo.tsx",
          "type": "registry:example",
          "target": "components/share-button-demo.tsx"
        }
      ]
    },
    {
      "name": "rising-glow-demo",
      "type": "registry:example",
      "title": "Rising Glow Demo",
      "description": "Example showing animated rising particle effects with customizable colors.",
      "registryDependencies": [
        "https://ruixen.com/r/rising-glow"
      ],
      "files": [
        {
          "path": "registry/example/rising-glow-demo.tsx",
          "type": "registry:example",
          "target": "components/rising-glow-demo.tsx"
        }
      ]
    },
    {
      "name": "add-task-sheet-demo",
      "type": "registry:example",
      "title": "Add Task Sheet Demo",
      "description": "Example showing a quick-add task dialog with title input and priority pills.",
      "registryDependencies": [
        "https://ruixen.com/r/add-task-sheet"
      ],
      "files": [
        {
          "path": "registry/example/add-task-sheet-demo.tsx",
          "type": "registry:example",
          "target": "components/add-task-sheet-demo.tsx"
        }
      ]
    },
    {
      "name": "pricing-tiers-demo",
      "type": "registry:example",
      "title": "Pricing Tiers Demo",
      "description": "Example showing modern pricing component with customizable tiers, features, and glass morphism design.",
      "registryDependencies": [
        "https://ruixen.com/r/pricing-tiers"
      ],
      "files": [
        {
          "path": "registry/example/pricing-tiers-demo.tsx",
          "type": "registry:example",
          "target": "components/pricing-tiers-demo.tsx"
        }
      ]
    },
    {
      "name": "app-menu-bar-demo",
      "type": "registry:example",
      "title": "App Menu Bar Demo",
      "description": "Example showing desktop-style application menu bar with File, Edit, View, and Help menus.",
      "registryDependencies": [
        "https://ruixen.com/r/app-menu-bar"
      ],
      "files": [
        {
          "path": "registry/example/app-menu-bar-demo.tsx",
          "type": "registry:example",
          "target": "components/app-menu-bar-demo.tsx"
        }
      ]
    },
    {
      "name": "account-menu-demo",
      "type": "registry:example",
      "title": "Account Menu Demo",
      "description": "Example showing user account dropdown menu with profile options, settings, and logout functionality.",
      "registryDependencies": [
        "https://ruixen.com/r/account-menu"
      ],
      "files": [
        {
          "path": "registry/example/account-menu-demo.tsx",
          "type": "registry:example",
          "target": "components/account-menu-demo.tsx"
        }
      ]
    },
    {
      "name": "action-toolbar-demo",
      "type": "registry:example",
      "title": "Action Toolbar Demo",
      "description": "Example showing versatile toolbar component with action buttons and dropdown menus for common operations.",
      "registryDependencies": [
        "https://ruixen.com/r/action-toolbar"
      ],
      "files": [
        {
          "path": "registry/example/action-toolbar-demo.tsx",
          "type": "registry:example",
          "target": "components/action-toolbar-demo.tsx"
        }
      ]
    },
    {
      "name": "smart-breadcrumb-demo",
      "type": "registry:example",
      "title": "Smart Breadcrumb Demo",
      "description": "Example showing intelligent breadcrumb navigation with ellipsis for long paths and responsive design.",
      "registryDependencies": [
        "https://ruixen.com/r/smart-breadcrumb"
      ],
      "files": [
        {
          "path": "registry/example/smart-breadcrumb-demo.tsx",
          "type": "registry:example",
          "target": "components/smart-breadcrumb-demo.tsx"
        }
      ]
    },
    {
      "name": "progressive-flux-loader-demo",
      "type": "registry:example",
      "title": "Progressive Flux Loader Demo",
      "description": "Example showing a glowing progress bar with phase labels animating along the Z-axis between phrases.",
      "registryDependencies": [
        "https://ruixen.com/r/progressive-flux-loader"
      ],
      "files": [
        {
          "path": "registry/example/progressive-flux-loader-demo.tsx",
          "type": "registry:example",
          "target": "components/progressive-flux-loader-demo.tsx"
        }
      ]
    },
    {
      "name": "solar-loader-demo",
      "type": "registry:example",
      "title": "Solar Loader Demo",
      "description": "Example showing animated solar system loading spinner with orbiting planets and customizable speed.",
      "registryDependencies": [
        "https://ruixen.com/r/solar-loader"
      ],
      "files": [
        {
          "path": "registry/example/solar-loader-demo.tsx",
          "type": "registry:example",
          "target": "components/solar-loader-demo.tsx"
        }
      ]
    },
    {
      "name": "container-text-scroll-demo",
      "type": "registry:example",
      "title": "Container Text Scroll Demo",
      "description": "Example showing scroll-triggered text animation component with smooth parallax effects using Framer Motion.",
      "registryDependencies": [
        "https://ruixen.com/r/container-text-scroll"
      ],
      "files": [
        {
          "path": "registry/example/container-text-scroll-demo.tsx",
          "type": "registry:example",
          "target": "components/container-text-scroll-demo.tsx"
        }
      ]
    },
    {
      "name": "tag-cloud-select-demo",
      "type": "registry:example",
      "title": "Tag Cloud Select Demo",
      "description": "Example showing interactive tag selection component with cloud-style layout and multi-select functionality.",
      "registryDependencies": [
        "https://ruixen.com/r/tag-cloud-select"
      ],
      "files": [
        {
          "path": "registry/example/tag-cloud-select-demo.tsx",
          "type": "registry:example",
          "target": "components/tag-cloud-select-demo.tsx"
        }
      ]
    },
    {
      "name": "color-emotion-select-demo",
      "type": "registry:example",
      "title": "Color Emotion Select Demo",
      "description": "Example showing a select component with color indicators and optional emojis for emotional context.",
      "registryDependencies": [
        "https://ruixen.com/r/color-emotion-select"
      ],
      "files": [
        {
          "path": "registry/example/color-emotion-select-demo.tsx",
          "type": "registry:example",
          "target": "components/color-emotion-select-demo.tsx"
        }
      ]
    },
    {
      "name": "structured-hero-section-demo",
      "type": "registry:example",
      "title": "Structured Hero Section Demo",
      "description": "Example showing a clean hero section with announcement pill, overlapping showcase cards, and dual CTAs.",
      "registryDependencies": [
        "https://ruixen.com/r/structured-hero-section"
      ],
      "files": [
        {
          "path": "registry/example/structured-hero-section-demo.tsx",
          "type": "registry:example",
          "target": "components/structured-hero-section-demo.tsx"
        }
      ]
    },
    {
      "name": "pricing-landing-hero-demo",
      "type": "registry:example",
      "title": "Pricing Landing Hero Demo",
      "description": "Example of a service-style landing hero with scattered preview cards, price, scarcity line, and dual CTAs.",
      "registryDependencies": [
        "https://ruixen.com/r/pricing-landing-hero"
      ],
      "files": [
        {
          "path": "registry/example/pricing-landing-hero-demo.tsx",
          "type": "registry:example",
          "target": "components/pricing-landing-hero-demo.tsx"
        }
      ]
    },
    {
      "name": "tabbed-hero-section-demo",
      "type": "registry:example",
      "title": "Tabbed Hero Section Demo",
      "description": "Example showing a SaaS hero section with tabbed navigation, app screenshot showcase, and trusted-by strip.",
      "registryDependencies": [
        "https://ruixen.com/r/tabbed-hero-section"
      ],
      "files": [
        {
          "path": "registry/example/tabbed-hero-section-demo.tsx",
          "type": "registry:example",
          "target": "components/tabbed-hero-section-demo.tsx"
        }
      ]
    },
    {
      "name": "split-hero-section-demo",
      "type": "registry:example",
      "title": "Split Hero Section Demo",
      "description": "Example showing a split-layout hero section with key metrics, app screenshot showcase, and trusted-by logo strip.",
      "registryDependencies": [
        "https://ruixen.com/r/split-hero-section"
      ],
      "files": [
        {
          "path": "registry/example/split-hero-section-demo.tsx",
          "type": "registry:example",
          "target": "components/split-hero-section-demo.tsx"
        }
      ]
    },
    {
      "name": "hero-title-animation-demo",
      "type": "registry:example",
      "title": "Hero Title Animation Demo",
      "description": "Example showing an animated hero title with phased brand reveal and highlight box sweep.",
      "registryDependencies": [
        "https://ruixen.com/r/hero-title-animation"
      ],
      "files": [
        {
          "path": "registry/example/hero-title-animation-demo.tsx",
          "type": "registry:example",
          "target": "components/hero-title-animation-demo.tsx"
        }
      ]
    },
    {
      "name": "pricing-section-vertical-demo",
      "type": "registry:example",
      "title": "Pricing Section Vertical Demo",
      "description": "Example showing a vertical pricing section with feature comparisons and plan cards.",
      "registryDependencies": [
        "https://ruixen.com/r/pricing-section-vertical"
      ],
      "files": [
        {
          "path": "registry/example/pricing-section-vertical-demo.tsx",
          "type": "registry:example",
          "target": "components/pricing-section-vertical-demo.tsx"
        }
      ]
    },
    {
      "name": "card-stack-demo",
      "type": "registry:example",
      "title": "Card Stack Demo",
      "description": "Example showing an interactive 3D card stack carousel with fan-out animation and drag gestures.",
      "registryDependencies": [
        "https://ruixen.com/r/card-stack"
      ],
      "files": [
        {
          "path": "registry/example/card-stack-demo.tsx",
          "type": "registry:example",
          "target": "components/card-stack-demo.tsx"
        }
      ]
    },
    {
      "name": "glass-ai-card-demo",
      "type": "registry:example",
      "title": "Glass AI Card Demo",
      "description": "Example showing an iOS 26 liquid-glass content card with AI action button.",
      "registryDependencies": [
        "https://ruixen.com/r/glass-ai-card"
      ],
      "files": [
        {
          "path": "registry/example/glass-ai-card-demo.tsx",
          "type": "registry:example",
          "target": "components/glass-ai-card-demo.tsx"
        }
      ]
    },
    {
      "name": "glass-shipment-flow-demo",
      "type": "registry:example",
      "title": "Glass Shipment Flow Demo",
      "description": "Example showing an iOS 26 liquid-glass shipment flow diagram with travelling-light SVG paths connecting stacked order cards.",
      "registryDependencies": [
        "https://ruixen.com/r/glass-shipment-flow"
      ],
      "files": [
        {
          "path": "registry/example/glass-shipment-flow-demo.tsx",
          "type": "registry:example",
          "target": "components/glass-shipment-flow-demo.tsx"
        }
      ]
    },
    {
      "name": "glass-browser-history-demo",
      "type": "registry:example",
      "title": "Glass Browser History Demo",
      "description": "Example showing an iOS 26 liquid-glass browser history carousel with stacked macOS window cards.",
      "registryDependencies": [
        "https://ruixen.com/r/glass-browser-history"
      ],
      "files": [
        {
          "path": "registry/example/glass-browser-history-demo.tsx",
          "type": "registry:example",
          "target": "components/glass-browser-history-demo.tsx"
        }
      ]
    },
    {
      "name": "phone-mockup-card-demo",
      "type": "registry:example",
      "title": "Phone Mockup Card Demo",
      "description": "Example showing a realistic phone frame card with floating suggestion overlay and gradient glow.",
      "registryDependencies": [
        "https://ruixen.com/r/phone-mockup-card"
      ],
      "files": [
        {
          "path": "registry/example/phone-mockup-card-demo.tsx",
          "type": "registry:example",
          "target": "components/phone-mockup-card-demo.tsx"
        }
      ]
    },
    {
      "name": "navbar-simple-demo",
      "type": "registry:example",
      "title": "Navbar Simple Demo",
      "description": "Example showing a simple navigation bar.",
      "registryDependencies": [
        "https://ruixen.com/r/navbar-simple"
      ],
      "files": [
        {
          "path": "registry/example/navbar-simple-demo.tsx",
          "type": "registry:example",
          "target": "components/navbar-simple-demo.tsx"
        }
      ]
    },
    {
      "name": "navbar-centered-demo",
      "type": "registry:example",
      "title": "Navbar Centered Demo",
      "description": "Example showing a navigation bar with centered links.",
      "registryDependencies": [
        "https://ruixen.com/r/navbar-centered"
      ],
      "files": [
        {
          "path": "registry/example/navbar-centered-demo.tsx",
          "type": "registry:example",
          "target": "components/navbar-centered-demo.tsx"
        }
      ]
    },
    {
      "name": "navbar-with-search-demo",
      "type": "registry:example",
      "title": "Navbar With Search Demo",
      "description": "Example showing a navigation bar with integrated search.",
      "registryDependencies": [
        "https://ruixen.com/r/navbar-with-search"
      ],
      "files": [
        {
          "path": "registry/example/navbar-with-search-demo.tsx",
          "type": "registry:example",
          "target": "components/navbar-with-search-demo.tsx"
        }
      ]
    },
    {
      "name": "navbar-user-menu-demo",
      "type": "registry:example",
      "title": "Navbar User Menu Demo",
      "description": "Example showing a navigation bar with user dropdown.",
      "registryDependencies": [
        "https://ruixen.com/r/navbar-user-menu"
      ],
      "files": [
        {
          "path": "registry/example/navbar-user-menu-demo.tsx",
          "type": "registry:example",
          "target": "components/navbar-user-menu-demo.tsx"
        }
      ]
    },
    {
      "name": "navbar-status-demo",
      "type": "registry:example",
      "title": "Navbar Status Demo",
      "description": "Example showing a navigation bar with status indicators.",
      "registryDependencies": [
        "https://ruixen.com/r/navbar-status"
      ],
      "files": [
        {
          "path": "registry/example/navbar-status-demo.tsx",
          "type": "registry:example",
          "target": "components/navbar-status-demo.tsx"
        }
      ]
    },
    {
      "name": "navbar-breadcrumb-demo",
      "type": "registry:example",
      "title": "Navbar Breadcrumb Demo",
      "description": "Example showing a navigation bar with breadcrumb navigation.",
      "registryDependencies": [
        "https://ruixen.com/r/navbar-breadcrumb"
      ],
      "files": [
        {
          "path": "registry/example/navbar-breadcrumb-demo.tsx",
          "type": "registry:example",
          "target": "components/navbar-breadcrumb-demo.tsx"
        }
      ]
    },
    {
      "name": "navbar-floating-demo",
      "type": "registry:example",
      "title": "Navbar Floating Demo",
      "description": "Example showing a floating pill-shaped navigation bar.",
      "registryDependencies": [
        "https://ruixen.com/r/navbar-floating"
      ],
      "files": [
        {
          "path": "registry/example/navbar-floating-demo.tsx",
          "type": "registry:example",
          "target": "components/navbar-floating-demo.tsx"
        }
      ]
    },
    {
      "name": "navbar-tabs-demo",
      "type": "registry:example",
      "title": "Navbar Tabs Demo",
      "description": "Example showing a navigation bar with tabbed navigation.",
      "registryDependencies": [
        "https://ruixen.com/r/navbar-tabs"
      ],
      "files": [
        {
          "path": "registry/example/navbar-tabs-demo.tsx",
          "type": "registry:example",
          "target": "components/navbar-tabs-demo.tsx"
        }
      ]
    },
    {
      "name": "navbar-minimal-demo",
      "type": "registry:example",
      "title": "Navbar Minimal Demo",
      "description": "Example showing an ultra-minimal navigation bar.",
      "registryDependencies": [
        "https://ruixen.com/r/navbar-minimal"
      ],
      "files": [
        {
          "path": "registry/example/navbar-minimal-demo.tsx",
          "type": "registry:example",
          "target": "components/navbar-minimal-demo.tsx"
        }
      ]
    },
    {
      "name": "navbar-split-demo",
      "type": "registry:example",
      "title": "Navbar Split Demo",
      "description": "Example showing a navigation bar with split links.",
      "registryDependencies": [
        "https://ruixen.com/r/navbar-split"
      ],
      "files": [
        {
          "path": "registry/example/navbar-split-demo.tsx",
          "type": "registry:example",
          "target": "components/navbar-split-demo.tsx"
        }
      ]
    },
    {
      "name": "navbar-icon-links-demo",
      "type": "registry:example",
      "title": "Navbar Icon Links Demo",
      "description": "Example showing a navigation bar with social icon links.",
      "registryDependencies": [
        "https://ruixen.com/r/navbar-icon-links"
      ],
      "files": [
        {
          "path": "registry/example/navbar-icon-links-demo.tsx",
          "type": "registry:example",
          "target": "components/navbar-icon-links-demo.tsx"
        }
      ]
    },
    {
      "name": "button-copy-demo",
      "type": "registry:example",
      "title": "Button Copy Demo",
      "description": "Example showing copy-to-clipboard buttons with feedback.",
      "registryDependencies": [
        "https://ruixen.com/r/button-copy"
      ],
      "files": [
        {
          "path": "registry/example/button-copy-demo.tsx",
          "type": "registry:example",
          "target": "components/button-copy-demo.tsx"
        }
      ]
    },
    {
      "name": "button-dropdown-demo",
      "type": "registry:example",
      "title": "Button Dropdown Demo",
      "description": "Example showing buttons with dropdown menus.",
      "registryDependencies": [
        "https://ruixen.com/r/button-dropdown"
      ],
      "files": [
        {
          "path": "registry/example/button-dropdown-demo.tsx",
          "type": "registry:example",
          "target": "components/button-dropdown-demo.tsx"
        }
      ]
    },
    {
      "name": "button-split-demo",
      "type": "registry:example",
      "title": "Button Split Demo",
      "description": "Example showing split buttons with dropdown options.",
      "registryDependencies": [
        "https://ruixen.com/r/button-split"
      ],
      "files": [
        {
          "path": "registry/example/button-split-demo.tsx",
          "type": "registry:example",
          "target": "components/button-split-demo.tsx"
        }
      ]
    },
    {
      "name": "button-badge-demo",
      "type": "registry:example",
      "title": "Button Badge Demo",
      "description": "Example showing buttons with notification badges.",
      "registryDependencies": [
        "https://ruixen.com/r/button-badge"
      ],
      "files": [
        {
          "path": "registry/example/button-badge-demo.tsx",
          "type": "registry:example",
          "target": "components/button-badge-demo.tsx"
        }
      ]
    },
    {
      "name": "checkbox-simple-demo",
      "type": "registry:example",
      "title": "Checkbox Simple Demo",
      "description": "Example showing simple checkboxes with labels and descriptions.",
      "registryDependencies": [
        "https://ruixen.com/r/checkbox-simple"
      ],
      "files": [
        {
          "path": "registry/example/checkbox-simple-demo.tsx",
          "type": "registry:example",
          "target": "components/checkbox-simple-demo.tsx"
        }
      ]
    },
    {
      "name": "checkbox-indeterminate-demo",
      "type": "registry:example",
      "title": "Checkbox Indeterminate Demo",
      "description": "Example showing checkboxes with indeterminate state for parent-child selection.",
      "registryDependencies": [
        "https://ruixen.com/r/checkbox-indeterminate"
      ],
      "files": [
        {
          "path": "registry/example/checkbox-indeterminate-demo.tsx",
          "type": "registry:example",
          "target": "components/checkbox-indeterminate-demo.tsx"
        }
      ]
    },
    {
      "name": "checkbox-colored-demo",
      "type": "registry:example",
      "title": "Checkbox Colored Demo",
      "description": "Example showing checkboxes with different color themes.",
      "registryDependencies": [
        "https://ruixen.com/r/checkbox-colored"
      ],
      "files": [
        {
          "path": "registry/example/checkbox-colored-demo.tsx",
          "type": "registry:example",
          "target": "components/checkbox-colored-demo.tsx"
        }
      ]
    },
    {
      "name": "checkbox-todo-demo",
      "type": "registry:example",
      "title": "Checkbox Todo Demo",
      "description": "Example showing todo-style checkboxes with strikethrough animation.",
      "registryDependencies": [
        "https://ruixen.com/r/checkbox-todo"
      ],
      "files": [
        {
          "path": "registry/example/checkbox-todo-demo.tsx",
          "type": "registry:example",
          "target": "components/checkbox-todo-demo.tsx"
        }
      ]
    },
    {
      "name": "checkbox-terms-demo",
      "type": "registry:example",
      "title": "Checkbox Terms Demo",
      "description": "Example showing terms and privacy policy acceptance checkbox.",
      "registryDependencies": [
        "https://ruixen.com/r/checkbox-terms"
      ],
      "files": [
        {
          "path": "registry/example/checkbox-terms-demo.tsx",
          "type": "registry:example",
          "target": "components/checkbox-terms-demo.tsx"
        }
      ]
    },
    {
      "name": "checkbox-group-demo",
      "type": "registry:example",
      "title": "Checkbox Group Demo",
      "description": "Example showing checkbox groups with horizontal and vertical layouts.",
      "registryDependencies": [
        "https://ruixen.com/r/checkbox-group"
      ],
      "files": [
        {
          "path": "registry/example/checkbox-group-demo.tsx",
          "type": "registry:example",
          "target": "components/checkbox-group-demo.tsx"
        }
      ]
    },
    {
      "name": "checkbox-tree-demo",
      "type": "registry:example",
      "title": "Checkbox Tree Demo",
      "description": "Example showing hierarchical tree checkboxes with nested selections.",
      "registryDependencies": [
        "https://ruixen.com/r/checkbox-tree"
      ],
      "files": [
        {
          "path": "registry/example/checkbox-tree-demo.tsx",
          "type": "registry:example",
          "target": "components/checkbox-tree-demo.tsx"
        }
      ]
    },
    {
      "name": "comment-thread-demo",
      "type": "registry:example",
      "title": "Comment Thread Demo",
      "description": "Example showing threaded comments with nested replies and colored avatars.",
      "registryDependencies": [
        "https://ruixen.com/r/comment-thread"
      ],
      "files": [
        {
          "path": "registry/example/comment-thread-demo.tsx",
          "type": "registry:example",
          "target": "components/comment-thread-demo.tsx"
        }
      ]
    },
    {
      "name": "faq-chat-accordion-demo",
      "type": "registry:example",
      "title": "FAQ Chat Accordion Demo",
      "description": "Example showing conversational FAQ with typing indicator dots and spring message bubbles.",
      "registryDependencies": [
        "https://ruixen.com/r/faq-chat-accordion"
      ],
      "files": [
        {
          "path": "registry/example/faq-chat-accordion-demo.tsx",
          "type": "registry:example",
          "target": "components/faq-chat-accordion-demo.tsx"
        }
      ]
    },
    {
      "name": "accordion-editorial-demo",
      "type": "registry:example",
      "title": "Editorial Accordion Demo",
      "description": "Example showing typographic accordion with oversized titles and numbered items.",
      "registryDependencies": [
        "https://ruixen.com/r/accordion-editorial"
      ],
      "files": [
        {
          "path": "registry/example/accordion-editorial-demo.tsx",
          "type": "registry:example",
          "target": "components/accordion-editorial-demo.tsx"
        }
      ]
    },
    {
      "name": "accordion-indexed-demo",
      "type": "registry:example",
      "title": "Indexed Accordion Demo",
      "description": "Example showing numbered accordion with boxed plus icon and hover interactions.",
      "registryDependencies": [
        "https://ruixen.com/r/accordion-indexed"
      ],
      "files": [
        {
          "path": "registry/example/accordion-indexed-demo.tsx",
          "type": "registry:example",
          "target": "components/accordion-indexed-demo.tsx"
        }
      ]
    },
    {
      "name": "avatar-hover-card-demo",
      "type": "registry:example",
      "title": "Avatar Hover Card Demo",
      "description": "Example showing avatar that expands into a profile card with blur-reveal animations.",
      "registryDependencies": [
        "https://ruixen.com/r/avatar-hover-card"
      ],
      "files": [
        {
          "path": "registry/example/avatar-hover-card-demo.tsx",
          "type": "registry:example",
          "target": "components/avatar-hover-card-demo.tsx"
        }
      ]
    },
    {
      "name": "avatar-spring-stack-demo",
      "type": "registry:example",
      "title": "Avatar Spring Stack Demo",
      "description": "Example showing overlapping avatar stack with spring-animated tooltips on hover.",
      "registryDependencies": [
        "https://ruixen.com/r/avatar-spring-stack"
      ],
      "files": [
        {
          "path": "registry/example/avatar-spring-stack-demo.tsx",
          "type": "registry:example",
          "target": "components/avatar-spring-stack-demo.tsx"
        }
      ]
    },
    {
      "name": "avatar-quick-actions-demo",
      "type": "registry:example",
      "title": "Avatar Quick Actions Demo",
      "description": "Example showing a circular avatar button with quick-action icons on hover.",
      "registryDependencies": [
        "https://ruixen.com/r/avatar-quick-actions"
      ],
      "files": [
        {
          "path": "registry/example/avatar-quick-actions-demo.tsx",
          "type": "registry:example",
          "target": "components/avatar-quick-actions-demo.tsx"
        }
      ]
    },
    {
      "name": "variable-text-demo",
      "type": "registry:example",
      "title": "Variable Text Demo",
      "description": "Example showing variable font weight lens effect on hover.",
      "registryDependencies": [
        "https://ruixen.com/r/variable-text"
      ],
      "files": [
        {
          "path": "registry/example/variable-text-demo.tsx",
          "type": "registry:example",
          "target": "components/variable-text-demo.tsx"
        }
      ]
    },
    {
      "name": "scramble-text-demo",
      "type": "registry:example",
      "title": "Scramble Text Demo",
      "description": "Example showing text decode sequence with directional resolve wave.",
      "registryDependencies": [
        "https://ruixen.com/r/scramble-text"
      ],
      "files": [
        {
          "path": "registry/example/scramble-text-demo.tsx",
          "type": "registry:example",
          "target": "components/scramble-text-demo.tsx"
        }
      ]
    },
    {
      "name": "profile-card-demo",
      "type": "registry:example",
      "title": "Profile Card Demo",
      "description": "Example showing both full and half variants of the glassmorphic profile card.",
      "registryDependencies": [
        "https://ruixen.com/r/profile-card"
      ],
      "files": [
        {
          "path": "registry/example/profile-card-demo.tsx",
          "type": "registry:example",
          "target": "components/profile-card-demo.tsx"
        }
      ]
    },
    {
      "name": "scroll-text-rise-demo",
      "type": "registry:example",
      "title": "Scroll Text Rise Demo",
      "description": "Example showing scroll-driven word-by-word text reveal with staggered rise animation.",
      "registryDependencies": [
        "https://ruixen.com/r/scroll-text-rise"
      ],
      "files": [
        {
          "path": "registry/example/scroll-text-rise-demo.tsx",
          "type": "registry:example",
          "target": "components/scroll-text-rise-demo.tsx"
        }
      ]
    },
    {
      "name": "utils",
      "type": "registry:lib",
      "dependencies": [
        "clsx",
        "tailwind-merge"
      ],
      "files": [
        {
          "path": "registry/lib/utils.ts",
          "type": "registry:lib"
        }
      ]
    }
  ]
}