{
  "name": "cult/ui",
  "homepage": "https://cult-ui.com",
  "items": [
    {
      "name": "text-animate",
      "type": "registry:ui",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/default/ui/text-animate.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Animated text component with customizable reveal effects and timing"
    },
    {
      "name": "cosmic-button",
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/default/ui/cosmic-button.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Animated button/link with cosmic gradient border effect, renders as anchor or button"
    },
    {
      "name": "texture-button",
      "type": "registry:ui",
      "dependencies": [
        "@radix-ui/react-slot"
      ],
      "files": [
        {
          "path": "registry/default/ui/texture-button.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Button component with texture overlay effects and customizable variants"
    },
    {
      "name": "texture-card",
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/default/ui/texture-card.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Card component with texture background and customizable styling options"
    },
    {
      "name": "timer",
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/default/ui/timer.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Countdown timer component with customizable duration and visual styles"
    },
    {
      "name": "shift-card",
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/default/ui/shift-card.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Card component with shift animation effects and hover interactions"
    },
    {
      "name": "minimal-card",
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/default/ui/minimal-card.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Clean and minimal card component with subtle styling and hover effects"
    },
    {
      "name": "cutout-card",
      "type": "registry:ui",
      "dependencies": [
        "motion",
        "@radix-ui/react-use-controllable-state"
      ],
      "files": [
        {
          "path": "registry/default/ui/cutout-card.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Image card with cutout corners, hover motion, inset labels, pins, and reveal actions"
    },
    {
      "name": "dynamic-island",
      "type": "registry:ui",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/default/ui/dynamic-island.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "iOS-style dynamic island component with expandable content and smooth animations"
    },
    {
      "name": "direction-aware-tabs",
      "type": "registry:ui",
      "dependencies": [
        "motion",
        "react-use-measure"
      ],
      "files": [
        {
          "path": "registry/default/ui/direction-aware-tabs.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Tab component with direction-aware animations and smooth transitions"
    },
    {
      "name": "bg-animate-button",
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/default/ui/bg-animate-button.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Button component with animated background effects and gradient transitions"
    },
    {
      "name": "border-beam-button",
      "type": "registry:ui",
      "dependencies": [
        "border-beam"
      ],
      "registryDependencies": [
        "button"
      ],
      "files": [
        {
          "path": "registry/default/ui/border-beam-button.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Shadcn Button wrapped in Border Beam: animated border glow with compact icon and text variants"
    },
    {
      "name": "family-button",
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/default/ui/family-button.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Button component with family-style design and interactive hover effects"
    },
    {
      "name": "side-panel",
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/default/ui/side-panel.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Sliding side panel component with customizable positioning and animations"
    },
    {
      "name": "bg-media",
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/default/ui/bg-media.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Background media component with video/image support and overlay effects"
    },
    {
      "name": "three-d-carousel",
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/default/ui/three-d-carousel.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "3D carousel component with perspective effects and smooth item transitions"
    },
    {
      "name": "tweet-grid",
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/default/ui/tweet-grid.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Grid layout component for displaying tweet-like content cards"
    },
    {
      "name": "gradient-heading",
      "type": "registry:ui",
      "dependencies": [
        "@radix-ui/react-slot"
      ],
      "files": [
        {
          "path": "registry/default/ui/gradient-heading.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Heading component with gradient text effects and customizable styling"
    },
    {
      "name": "typewriter",
      "type": "registry:ui",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/default/ui/typewriter.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Typewriter effect component with customizable typing speed and cursor animation"
    },
    {
      "name": "animated-number",
      "type": "registry:ui",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/default/ui/animated-number.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Number component with smooth counting animations and customizable formatting"
    },
    {
      "name": "sortable-list",
      "type": "registry:ui",
      "dependencies": [
        "motion",
        "react-use-measure"
      ],
      "files": [
        {
          "path": "registry/default/ui/sortable-list.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Drag-and-drop sortable list component with smooth animations and reordering"
    },
    {
      "name": "dock",
      "type": "registry:ui",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/default/ui/dock.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "macOS-style dock component with hover effects and smooth animations"
    },
    {
      "name": "lightboard",
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/default/ui/lightboard.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Interactive lightboard component with customizable grid and lighting effects"
    },
    {
      "name": "canvas-fractal-grid",
      "type": "registry:ui",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/default/ui/canvas-fractal-grid.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Interactive canvas-based fractal dot grid with mouse tracking and wave effects"
    },
    {
      "name": "bg-animated-fractal-dot-grid",
      "type": "registry:ui",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/default/ui/bg-animated-fractal-dot-grid.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Background animated fractal dot grid with performance optimization and responsive design"
    },
    {
      "name": "bg-animated-gradient",
      "type": "registry:ui",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/default/ui/bg-animated-gradient.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Animated gradient background component with customizable color transitions"
    },
    {
      "name": "bg-image-texture",
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/default/ui/bg-image-texture.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Background texture component with multiple texture variants and customizable opacity"
    },
    {
      "name": "popover",
      "type": "registry:ui",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/default/ui/popover.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Animated popover component with form support and smooth transitions"
    },
    {
      "name": "floating-panel",
      "type": "registry:ui",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/default/ui/floating-panel.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Floating panel component with backdrop blur and position-aware animations"
    },
    {
      "name": "color-picker",
      "type": "registry:ui",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/default/ui/color-picker.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Interactive color picker component with HSL support and preset colors"
    },
    {
      "name": "shader-lens-blur",
      "type": "registry:ui",
      "dependencies": [
        "motion",
        "three",
        "jotai"
      ],
      "files": [
        {
          "path": "registry/default/ui/shader-lens-blur.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "WebGL shader component with lens blur effects and mouse interaction"
    },
    {
      "name": "edge-blur",
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/default/ui/edge-blur.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Stacked backdrop-blur layers with a gradient mask for soft top or bottom screen edges"
    },
    {
      "name": "dither-image",
      "type": "registry:ui",
      "dependencies": [
        "dither-plugin"
      ],
      "files": [
        {
          "path": "registry/default/ui/dither-image.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Compound Next.js image figure with CSS Bayer dither via dither-plugin, partial reveal overlays, and typed tuning props"
    },
    {
      "name": "popover-form",
      "type": "registry:ui",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/default/ui/popover-form.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Form popover component with success states and animated transitions"
    },
    {
      "name": "expandable",
      "type": "registry:ui",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/default/ui/expandable.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Expandable component system with smooth animations and customizable presets"
    },
    {
      "name": "logo-carousel",
      "type": "registry:ui",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/default/ui/logo-carousel.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Animated logo carousel with staggered animations and customizable columns"
    },
    {
      "name": "loading-carousel",
      "type": "registry:ui",
      "dependencies": [
        "embla-carousel-autoplay",
        "lucide-react",
        "motion"
      ],
      "registryDependencies": [
        "carousel"
      ],
      "files": [
        {
          "path": "registry/default/ui/loading-carousel.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Loading carousel component with smooth transitions and customizable content"
    },
    {
      "name": "hover-video-player",
      "type": "registry:ui",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/default/ui/hover-video-player.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Video player component that plays on hover with smooth animations"
    },
    {
      "name": "neumorph-eyebrow",
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/default/ui/neumorph-eyebrow.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Neumorphic eyebrow component with soft shadow effects and modern styling"
    },
    {
      "name": "neumorph-button",
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/default/ui/neumorph-button.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Neumorphic button component with soft shadows and tactile interaction effects"
    },
    {
      "name": "feature-carousel",
      "type": "registry:ui",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/default/ui/feature-carousel.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Feature carousel component with smooth transitions and customizable layouts"
    },
    {
      "name": "choice-poll",
      "type": "registry:ui",
      "dependencies": [
        "@radix-ui/react-use-controllable-state",
        "lucide-react"
      ],
      "files": [
        {
          "path": "registry/default/ui/choice-poll.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Poll component with single or multiple selection, optional results, and keyboard navigation"
    },
    {
      "name": "feature-poll",
      "type": "registry:ui",
      "dependencies": [
        "@radix-ui/react-use-controllable-state",
        "lucide-react"
      ],
      "files": [
        {
          "path": "registry/default/ui/feature-poll.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Feature poll component with single or multiple selection, optional results, and keyboard navigation"
    },
    {
      "name": "feature-voting",
      "type": "registry:ui",
      "dependencies": [
        "@radix-ui/react-use-controllable-state"
      ],
      "files": [
        {
          "path": "registry/default/ui/feature-voting.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "List of features with up-vote support, optional sorting by vote count, and controlled or uncontrolled state"
    },
    {
      "name": "vote-tally",
      "type": "registry:ui",
      "dependencies": [
        "@radix-ui/react-use-controllable-state"
      ],
      "files": [
        {
          "path": "registry/default/ui/vote-tally.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "List of items with up-vote support, optional sorting by vote count, and controlled or uncontrolled state"
    },
    {
      "name": "poll-widget",
      "type": "registry:ui",
      "dependencies": [
        "@radix-ui/react-use-controllable-state",
        "class-variance-authority",
        "lucide-react",
        "motion"
      ],
      "files": [
        {
          "path": "registry/default/ui/poll-widget.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Poll widget with inline, popover, and dialog modes, optional results, and animations"
    },
    {
      "name": "prompt-library",
      "type": "registry:ui",
      "dependencies": [
        "@hugeicons/core-free-icons",
        "@hugeicons/react"
      ],
      "files": [
        {
          "path": "registry/default/ui/prompt-library.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Browse, insert, and manage prompt templates with categories and custom prompts"
    },
    {
      "name": "ai-instructions",
      "type": "registry:ui",
      "dependencies": [
        "@hugeicons/core-free-icons",
        "@hugeicons/react"
      ],
      "files": [
        {
          "path": "registry/default/ui/ai-instructions.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Manage and toggle AI instructions with a popover, search, and create-dialog"
    },
    {
      "name": "intro-disclosure",
      "type": "registry:ui",
      "registryDependencies": [
        "button",
        "aspect-ratio"
      ],
      "dependencies": [
        "motion",
        "react-use-measure"
      ],
      "files": [
        {
          "path": "registry/default/ui/intro-disclosure.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Intro disclosure component with expandable content and smooth animations"
    },
    {
      "name": "text-gif",
      "type": "registry:ui",
      "dependencies": [],
      "files": [
        {
          "path": "registry/default/ui/text-gif.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Text component with GIF-like animation effects and customizable styling"
    },
    {
      "name": "stripe-bg-guides",
      "type": "registry:ui",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/default/ui/stripe-bg-guides.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Stripe-style background guides component with animated patterns and effects"
    },
    {
      "name": "svg-shapes",
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/default/ui/svg-shapes.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Wide-aspect SVG shape and panel components for backgrounds and hero decorations"
    },
    {
      "name": "svg-shapes-animated",
      "type": "registry:ui",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/default/ui/svg-shapes-animated.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Scroll-triggered stroke-draw animations for wide SVG shapes and panels using Motion"
    },
    {
      "name": "svg-bands",
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/default/ui/svg-bands.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Wide SVG section bands, battlement and zigzag trims, steep hero edges, and ornamental frames"
    },
    {
      "name": "grid-beam",
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/default/ui/grid-beam.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Canvas grid beam animation with palette presets, SVG dividers, and composable headless pieces via useGridBeam"
    },
    {
      "name": "youtube-video-player",
      "type": "registry:ui",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "button"
      ],
      "files": [
        {
          "path": "registry/default/ui/youtube-video-player.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "YouTube video player component with custom controls and smooth animations"
    },
    {
      "name": "toolbar-expandable",
      "type": "registry:ui",
      "dependencies": [
        "motion",
        "@radix-ui/react-scroll-area"
      ],
      "registryDependencies": [
        "badge"
      ],
      "files": [
        {
          "path": "registry/default/ui/toolbar-expandable.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Expandable toolbar component with step-based navigation, smooth animations, and enhanced scrolling"
    },
    {
      "name": "texture-overlay",
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/default/ui/texture-overlay.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Texture overlay component with various CSS gradient patterns for adding visual texture to backgrounds"
    },
    {
      "name": "squiggle-arrow",
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/default/ui/squiggle-arrow.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "A playful, hand-drawn squiggly arrow component with customizable variants, directions, and sizes"
    },
    {
      "name": "code-block",
      "type": "registry:ui",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/default/ui/code-block.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "A beautiful code block component with tabs, copy functionality, and smooth animations"
    },
    {
      "name": "mock-browser-window",
      "type": "registry:ui",
      "registryDependencies": [
        "texture-overlay"
      ],
      "files": [
        {
          "path": "registry/default/ui/mock-browser-window.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "A customizable browser window mockup component with support for Chrome, Safari, and generic styles, customizable sidebars, and themes"
    },
    {
      "name": "metal-button",
      "type": "registry:ui",
      "dependencies": [
        "metal-fx"
      ],
      "registryDependencies": [
        "button"
      ],
      "files": [
        {
          "path": "registry/default/ui/metal-button.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Shadcn Button wrapped in MetalFx: animated liquid metal ring with text and icon variants"
    },
    {
      "name": "morph-surface",
      "type": "registry:ui",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/default/ui/morph-surface.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "A morphing surface component with smooth animations, customizable dimensions, and configurable content"
    },
    {
      "name": "distorted-glass",
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/default/ui/distorted-glass.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "A glass morphism effect component using SVG filters with fractal noise to create visual transitions between sections"
    },
    {
      "name": "family-drawer",
      "type": "registry:ui",
      "dependencies": [
        "motion",
        "react-use-measure",
        "vaul",
        "@radix-ui/react-slot"
      ],
      "files": [
        {
          "path": "registry/default/ui/family-drawer.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "A multi-view drawer component with smooth animations, view navigation, and customizable content views"
    },
    {
      "name": "expandable-screen",
      "type": "registry:ui",
      "dependencies": [
        "motion",
        "lucide-react"
      ],
      "files": [
        {
          "path": "registry/default/ui/expandable-screen.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "A full-screen expandable component with morphing animations using shared layout IDs for smooth transitions"
    },
    {
      "name": "pixel-heading-character",
      "type": "registry:ui",
      "dependencies": [
        "geist"
      ],
      "files": [
        {
          "path": "registry/default/ui/pixel-heading-character.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Per-character pixel-font heading with four animation modes using Geist pixel fonts"
    },
    {
      "name": "pixel-heading-word",
      "type": "registry:ui",
      "dependencies": [
        "geist"
      ],
      "files": [
        {
          "path": "registry/default/ui/pixel-heading-word.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Whole-word pixel-font heading that swaps or cycles fonts on hover using Geist pixel fonts"
    },
    {
      "name": "pixel-paragraph-words-inverse",
      "type": "registry:ui",
      "dependencies": [
        "geist"
      ],
      "files": [
        {
          "path": "registry/default/ui/pixel-paragraph-words-inverse.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Paragraph in pixel font where specific words escape into interactive sans/mono with hover swap or cycle"
    },
    {
      "name": "pixel-paragraph-words",
      "type": "registry:ui",
      "dependencies": [
        "geist"
      ],
      "files": [
        {
          "path": "registry/default/ui/pixel-paragraph-words.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Paragraph where specific words render in an interactive pixel font that swaps or cycles on hover"
    },
    {
      "name": "onboarding",
      "type": "registry:ui",
      "dependencies": [
        "@radix-ui/react-use-controllable-state",
        "class-variance-authority"
      ],
      "registryDependencies": [
        "button"
      ],
      "files": [
        {
          "path": "registry/default/ui/onboarding.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Composable multi-step onboarding primitives: Onboarding root with step navigation, FeatureCarousel, ChoiceGroup radio selector, TipsList, and StepIndicator with dots and pills variants"
    },
    {
      "name": "gradient-button-group",
      "type": "registry:ui",
      "dependencies": [
        "motion"
      ],
      "files": [
        {
          "path": "registry/default/ui/gradient-button-group.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Premium layered button group with animated active state, gradient ring accents, and theme toggle underlay"
    },
    {
      "name": "terminal-animation",
      "type": "registry:ui",
      "dependencies": [
        "@radix-ui/react-slot",
        "@radix-ui/react-use-controllable-state"
      ],
      "files": [
        {
          "path": "registry/default/ui/terminal-animation.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Composable terminal animation primitives with typed command playback, tabbed scenarios, and customizable output rendering"
    },
    {
      "name": "hero-dithering",
      "type": "registry:ui",
      "dependencies": [
        "@paper-design/shaders-react"
      ],
      "registryDependencies": [
        "badge",
        "button"
      ],
      "files": [
        {
          "path": "registry/default/ui/hero-dithering.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Split-layout hero section with responsive dithering shader visuals, CTA, and tech stack badges"
    },
    {
      "name": "hero-color-panel",
      "type": "registry:ui",
      "dependencies": [
        "@paper-design/shaders-react"
      ],
      "registryDependencies": [
        "badge",
        "button"
      ],
      "files": [
        {
          "path": "registry/default/ui/hero-color-panel.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Split-layout hero section with responsive ColorPanels shader visuals, CTA, and tech stack badges"
    },
    {
      "name": "hero-static-radial-gradient",
      "type": "registry:ui",
      "dependencies": [
        "@paper-design/shaders-react"
      ],
      "registryDependencies": [
        "badge",
        "button"
      ],
      "files": [
        {
          "path": "registry/default/ui/hero-static-radial-gradient.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Split-layout hero section with responsive StaticRadialGradient shader visuals, CTA, and tech stack badges"
    },
    {
      "name": "hero-heatmap",
      "type": "registry:ui",
      "dependencies": [
        "@paper-design/shaders-react"
      ],
      "registryDependencies": [
        "badge",
        "button"
      ],
      "files": [
        {
          "path": "registry/default/ui/hero-heatmap.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Split-layout hero section with responsive Heatmap shader visuals, CTA, and tech stack badges"
    },
    {
      "name": "hero-liquid-metal",
      "type": "registry:ui",
      "dependencies": [
        "@paper-design/shaders-react"
      ],
      "registryDependencies": [
        "badge",
        "button"
      ],
      "files": [
        {
          "path": "registry/default/ui/hero-liquid-metal.tsx",
          "type": "registry:ui"
        }
      ],
      "description": "Split-layout hero section with responsive LiquidMetal shader visuals, CTA, and tech stack badges"
    },
    {
      "name": "text-animate-demo",
      "type": "registry:component",
      "registryDependencies": [
        "text-animate"
      ],
      "files": [
        {
          "path": "registry/default/example/text-animate-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "cosmic-button-demo",
      "type": "registry:component",
      "registryDependencies": [
        "cosmic-button"
      ],
      "files": [
        {
          "path": "registry/default/example/cosmic-button-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "texture-button-demo",
      "type": "registry:component",
      "registryDependencies": [
        "texture-button"
      ],
      "files": [
        {
          "path": "registry/default/example/texture-button-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "texture-card-demo",
      "type": "registry:component",
      "registryDependencies": [
        "texture-card",
        "texture-button"
      ],
      "files": [
        {
          "path": "registry/default/example/texture-card-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "timer-demo",
      "type": "registry:component",
      "registryDependencies": [
        "timer",
        "texture-button"
      ],
      "files": [
        {
          "path": "registry/default/example/timer-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "shift-card-demo",
      "type": "registry:component",
      "registryDependencies": [
        "shift-card",
        "texture-button"
      ],
      "files": [
        {
          "path": "registry/default/example/shift-card-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "minimal-card-demo",
      "type": "registry:component",
      "registryDependencies": [
        "minimal-card"
      ],
      "files": [
        {
          "path": "registry/default/example/minimal-card-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "cutout-card-demo",
      "type": "registry:component",
      "registryDependencies": [
        "cutout-card"
      ],
      "files": [
        {
          "path": "registry/default/example/cutout-card-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "dynamic-island-demo",
      "type": "registry:component",
      "registryDependencies": [
        "dynamic-island"
      ],
      "files": [
        {
          "path": "registry/default/example/dynamic-island-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "direction-aware-tabs-demo",
      "type": "registry:component",
      "registryDependencies": [
        "direction-aware-tabs"
      ],
      "files": [
        {
          "path": "registry/default/example/direction-aware-tabs-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "bg-animate-button-demo",
      "type": "registry:component",
      "registryDependencies": [
        "bg-animate-button"
      ],
      "files": [
        {
          "path": "registry/default/example/bg-animate-button-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "border-beam-button-demo",
      "type": "registry:component",
      "registryDependencies": [
        "border-beam-button"
      ],
      "files": [
        {
          "path": "registry/default/example/border-beam-button-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "family-button-demo",
      "type": "registry:component",
      "registryDependencies": [
        "family-button"
      ],
      "files": [
        {
          "path": "registry/default/example/family-button-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "side-panel-demo",
      "type": "registry:component",
      "registryDependencies": [
        "side-panel"
      ],
      "files": [
        {
          "path": "registry/default/example/side-panel-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "bg-media-demo",
      "type": "registry:component",
      "registryDependencies": [
        "bg-media"
      ],
      "files": [
        {
          "path": "registry/default/example/bg-media-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "bg-image-texture-demo",
      "type": "registry:component",
      "registryDependencies": [
        "bg-image-texture"
      ],
      "files": [
        {
          "path": "registry/default/example/bg-image-texture-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "three-d-carousel-demo",
      "type": "registry:component",
      "registryDependencies": [
        "three-d-carousel"
      ],
      "files": [
        {
          "path": "registry/default/example/three-d-carousel-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "tweet-grid-demo",
      "type": "registry:component",
      "registryDependencies": [
        "tweet-grid",
        "gradient-heading"
      ],
      "files": [
        {
          "path": "registry/default/example/tweet-grid-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "gradient-heading-demo",
      "type": "registry:component",
      "registryDependencies": [
        "gradient-heading"
      ],
      "files": [
        {
          "path": "registry/default/example/gradient-heading-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "typewriter-demo",
      "type": "registry:component",
      "registryDependencies": [
        "typewriter"
      ],
      "files": [
        {
          "path": "registry/default/example/typewriter-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "animated-number-demo",
      "type": "registry:component",
      "registryDependencies": [
        "animated-number"
      ],
      "files": [
        {
          "path": "registry/default/example/animated-number-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "sortable-list-demo",
      "type": "registry:component",
      "registryDependencies": [
        "sortable-list"
      ],
      "files": [
        {
          "path": "registry/default/example/sortable-list-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "dock-demo",
      "type": "registry:component",
      "registryDependencies": [
        "dock"
      ],
      "files": [
        {
          "path": "registry/default/example/dock-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "lightboard-demo",
      "type": "registry:component",
      "registryDependencies": [
        "lightboard"
      ],
      "files": [
        {
          "path": "registry/default/example/lightboard-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "canvas-fractal-grid-demo",
      "type": "registry:component",
      "registryDependencies": [
        "canvas-fractal-grid"
      ],
      "files": [
        {
          "path": "registry/default/example/canvas-fractal-grid-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "bg-animated-fractal-dot-grid-demo",
      "type": "registry:component",
      "registryDependencies": [
        "bg-animated-fractal-dot-grid"
      ],
      "files": [
        {
          "path": "registry/default/example/bg-animated-fractal-dot-grid-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "bg-animated-gradient-demo",
      "type": "registry:component",
      "registryDependencies": [
        "bg-animated-gradient"
      ],
      "files": [
        {
          "path": "registry/default/example/bg-animated-gradient-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "popover-demo",
      "type": "registry:component",
      "registryDependencies": [
        "popover"
      ],
      "files": [
        {
          "path": "registry/default/example/popover-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "floating-panel-demo",
      "type": "registry:component",
      "registryDependencies": [
        "floating-panel"
      ],
      "files": [
        {
          "path": "registry/default/example/floating-panel-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "color-picker-demo",
      "type": "registry:component",
      "registryDependencies": [
        "color-picker"
      ],
      "files": [
        {
          "path": "registry/default/example/color-picker-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "shader-lens-blur-demo",
      "type": "registry:component",
      "registryDependencies": [
        "shader-lens-blur",
        "color-picker"
      ],
      "files": [
        {
          "path": "registry/default/example/shader-lens-blur-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "edge-blur-demo",
      "type": "registry:component",
      "registryDependencies": [
        "edge-blur"
      ],
      "files": [
        {
          "path": "registry/default/example/edge-blur-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "dither-image-demo",
      "type": "registry:component",
      "registryDependencies": [
        "dither-image"
      ],
      "files": [
        {
          "path": "registry/default/example/dither-image-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "dither-image-demo-upload",
      "type": "registry:component",
      "registryDependencies": [
        "dither-image"
      ],
      "files": [
        {
          "path": "registry/default/example/dither-image-demo-upload.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "popover-form-demo",
      "type": "registry:component",
      "registryDependencies": [
        "popover-form"
      ],
      "files": [
        {
          "path": "registry/default/example/popover-form-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "expandable-demo",
      "type": "registry:component",
      "registryDependencies": [
        "expandable"
      ],
      "files": [
        {
          "path": "registry/default/example/expandable-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "logo-carousel-demo",
      "type": "registry:component",
      "registryDependencies": [
        "logo-carousel",
        "gradient-heading"
      ],
      "files": [
        {
          "path": "registry/default/example/logo-carousel-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "loading-carousel-demo",
      "type": "registry:component",
      "registryDependencies": [
        "loading-carousel"
      ],
      "files": [
        {
          "path": "registry/default/example/loading-carousel-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "hover-video-player-demo",
      "type": "registry:component",
      "registryDependencies": [
        "hover-video-player"
      ],
      "files": [
        {
          "path": "registry/default/example/hover-video-player-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "neumorph-eyebrow-demo",
      "type": "registry:component",
      "registryDependencies": [
        "neumorph-eyebrow"
      ],
      "files": [
        {
          "path": "registry/default/example/neumorph-eyebrow-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "neumorph-button-demo",
      "type": "registry:component",
      "registryDependencies": [
        "neumorph-button"
      ],
      "files": [
        {
          "path": "registry/default/example/neumorph-button-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "feature-carousel-demo",
      "type": "registry:component",
      "registryDependencies": [
        "feature-carousel"
      ],
      "files": [
        {
          "path": "registry/default/example/feature-carousel-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "choice-poll-demo",
      "type": "registry:component",
      "registryDependencies": [
        "choice-poll"
      ],
      "files": [
        {
          "path": "registry/default/example/choice-poll-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "feature-poll-demo",
      "type": "registry:component",
      "registryDependencies": [
        "feature-poll"
      ],
      "files": [
        {
          "path": "registry/default/example/feature-poll-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "feature-voting-demo",
      "type": "registry:component",
      "registryDependencies": [
        "feature-voting"
      ],
      "files": [
        {
          "path": "registry/default/example/feature-voting-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "vote-tally-demo",
      "type": "registry:component",
      "registryDependencies": [
        "vote-tally"
      ],
      "files": [
        {
          "path": "registry/default/example/vote-tally-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "poll-widget-demo",
      "type": "registry:component",
      "registryDependencies": [
        "poll-widget"
      ],
      "files": [
        {
          "path": "registry/default/example/poll-widget-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "prompt-library-demo",
      "type": "registry:component",
      "registryDependencies": [
        "prompt-library"
      ],
      "files": [
        {
          "path": "registry/default/example/prompt-library-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "ai-instructions-demo",
      "type": "registry:component",
      "registryDependencies": [
        "ai-instructions"
      ],
      "files": [
        {
          "path": "registry/default/example/ai-instructions-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "intro-disclosure-demo",
      "type": "registry:component",
      "registryDependencies": [
        "intro-disclosure"
      ],
      "files": [
        {
          "path": "registry/default/example/intro-disclosure-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "text-gif-demo",
      "type": "registry:component",
      "registryDependencies": [
        "text-gif"
      ],
      "files": [
        {
          "path": "registry/default/example/text-gif-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "stripe-bg-guides-demo",
      "type": "registry:component",
      "registryDependencies": [
        "stripe-bg-guides"
      ],
      "files": [
        {
          "path": "registry/default/example/stripe-bg-guides-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "svg-shapes-demo",
      "type": "registry:component",
      "registryDependencies": [
        "svg-shapes"
      ],
      "files": [
        {
          "path": "registry/default/example/svg-shapes-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "svg-shapes-animated-demo",
      "type": "registry:component",
      "registryDependencies": [
        "svg-shapes-animated"
      ],
      "files": [
        {
          "path": "registry/default/example/svg-shapes-animated-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "svg-bands-demo",
      "type": "registry:component",
      "registryDependencies": [
        "svg-bands"
      ],
      "files": [
        {
          "path": "registry/default/example/svg-bands-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "grid-beam-demo",
      "type": "registry:component",
      "registryDependencies": [
        "grid-beam"
      ],
      "files": [
        {
          "path": "registry/default/example/grid-beam-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "youtube-video-player-demo",
      "type": "registry:component",
      "registryDependencies": [
        "youtube-video-player"
      ],
      "files": [
        {
          "path": "registry/default/example/youtube-video-player-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "toolbar-expandable-demo",
      "type": "registry:component",
      "registryDependencies": [
        "toolbar-expandable",
        "button",
        "input",
        "label",
        "textarea"
      ],
      "files": [
        {
          "path": "registry/default/example/toolbar-expandable-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "texture-overlay-demo",
      "type": "registry:component",
      "registryDependencies": [
        "texture-overlay"
      ],
      "files": [
        {
          "path": "registry/default/example/texture-overlay-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "squiggle-arrow-demo",
      "type": "registry:component",
      "registryDependencies": [
        "squiggle-arrow"
      ],
      "files": [
        {
          "path": "registry/default/example/squiggle-arrow-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "code-block-demo",
      "type": "registry:component",
      "registryDependencies": [
        "code-block"
      ],
      "files": [
        {
          "path": "registry/default/example/code-block-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "metal-button-demo",
      "type": "registry:component",
      "registryDependencies": [
        "metal-button"
      ],
      "files": [
        {
          "path": "registry/default/example/metal-button-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "mock-browser-window-demo",
      "type": "registry:component",
      "registryDependencies": [
        "mock-browser-window",
        "button",
        "input",
        "label",
        "select",
        "switch"
      ],
      "files": [
        {
          "path": "registry/default/example/mock-browser-window-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "morph-surface-demo",
      "type": "registry:component",
      "registryDependencies": [
        "morph-surface"
      ],
      "files": [
        {
          "path": "registry/default/example/morph-surface-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "distorted-glass-demo",
      "type": "registry:component",
      "registryDependencies": [
        "distorted-glass"
      ],
      "files": [
        {
          "path": "registry/default/example/distorted-glass-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "family-drawer-demo",
      "type": "registry:component",
      "registryDependencies": [
        "family-drawer"
      ],
      "files": [
        {
          "path": "registry/default/example/family-drawer-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "expandable-screen-demo",
      "type": "registry:component",
      "registryDependencies": [
        "expandable-screen",
        "button",
        "input",
        "label",
        "select",
        "textarea"
      ],
      "files": [
        {
          "path": "registry/default/example/expandable-screen-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "pixel-heading-character-demo",
      "type": "registry:component",
      "registryDependencies": [
        "pixel-heading-character"
      ],
      "files": [
        {
          "path": "registry/default/example/pixel-heading-character-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "pixel-heading-word-demo",
      "type": "registry:component",
      "registryDependencies": [
        "pixel-heading-word"
      ],
      "files": [
        {
          "path": "registry/default/example/pixel-heading-word-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "pixel-paragraph-words-inverse-demo",
      "type": "registry:component",
      "registryDependencies": [
        "pixel-paragraph-words-inverse"
      ],
      "files": [
        {
          "path": "registry/default/example/pixel-paragraph-words-inverse-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "pixel-paragraph-words-demo",
      "type": "registry:component",
      "registryDependencies": [
        "pixel-paragraph-words"
      ],
      "files": [
        {
          "path": "registry/default/example/pixel-paragraph-words-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "onboarding-demo",
      "type": "registry:component",
      "registryDependencies": [
        "onboarding"
      ],
      "files": [
        {
          "path": "registry/default/example/onboarding-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "gradient-button-group-demo",
      "type": "registry:component",
      "registryDependencies": [
        "gradient-button-group"
      ],
      "files": [
        {
          "path": "registry/default/example/gradient-button-group-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "terminal-animation-demo",
      "type": "registry:component",
      "registryDependencies": [
        "terminal-animation"
      ],
      "files": [
        {
          "path": "registry/default/example/terminal-animation-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "hero-dithering-demo",
      "type": "registry:component",
      "registryDependencies": [
        "hero-dithering"
      ],
      "files": [
        {
          "path": "registry/default/example/hero-dithering-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "hero-color-panels-demo",
      "type": "registry:component",
      "registryDependencies": [
        "hero-color-panel"
      ],
      "files": [
        {
          "path": "registry/default/example/hero-color-panels-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "hero-static-radial-gradient-demo",
      "type": "registry:component",
      "registryDependencies": [
        "hero-static-radial-gradient"
      ],
      "files": [
        {
          "path": "registry/default/example/hero-static-radial-gradient-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "hero-heatmap-demo",
      "type": "registry:component",
      "registryDependencies": [
        "hero-heatmap"
      ],
      "files": [
        {
          "path": "registry/default/example/hero-heatmap-demo.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "hero-liquid-metal-demo",
      "type": "registry:component",
      "registryDependencies": [
        "hero-liquid-metal"
      ],
      "files": [
        {
          "path": "registry/default/example/hero-liquid-metal-demo.tsx",
          "type": "registry:component"
        }
      ]
    }
  ]
}