{
  "$schema": "https://ui.shadcn.com/schema/registry.json",
  "name": "shadcn-extras",
  "homepage": "https://nayanrdeveloper.github.io/shadcn-extras/docs/",
  "items": [
    {
      "name": "circular-gallery",
      "type": "registry:ui",
      "title": "Circular Gallery",
      "description": "A 3D circular fan-out image gallery.",
      "dependencies": [],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "\\components\\core\\circular-gallery.tsx",
          "type": "registry:component"
        },
        {
          "path": "\\components\\core\\circular-gallery.tsx",
          "type": "registry:ui"
        },
        {
          "path": "\\components\\core\\circular-gallery.css",
          "type": "registry:ui"
        }
      ],
      "categories": [
        "ui",
        "shadcn-extras"
      ]
    },
    {
      "name": "enlarge-gallery",
      "type": "registry:ui",
      "title": "Enlarge Gallery",
      "description": "A cinematic, full-screen image gallery with expanding thumbnails.",
      "dependencies": [
        "lucide-react"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "\\components\\core\\enlarge-gallery.tsx",
          "type": "registry:component"
        },
        {
          "path": "\\components\\core\\enlarge-gallery.tsx",
          "type": "registry:ui"
        },
        {
          "path": "\\components\\core\\enlarge-gallery.css",
          "type": "registry:ui"
        }
      ],
      "categories": [
        "ui",
        "shadcn-extras"
      ]
    },
    {
      "name": "infinite-parallax-gallery",
      "type": "registry:ui",
      "title": "Infinite Parallax Gallery",
      "description": "An interactive, WebGL-powered 3D infinite parallax gallery.",
      "dependencies": [
        "three"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "\\components\\core\\infinite-parallax-gallery.tsx",
          "type": "registry:component"
        },
        {
          "path": "\\components\\core\\infinite-parallax-gallery.tsx",
          "type": "registry:ui"
        }
      ],
      "categories": [
        "ui",
        "shadcn-extras"
      ]
    },
    {
      "name": "grid-newspaper",
      "type": "registry:ui",
      "title": "Grid Newspaper",
      "description": "An advanced CSS Grid-based vintage newspaper layout component.",
      "dependencies": [],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "\\components\\core\\grid-newspaper.tsx",
          "type": "registry:component"
        },
        {
          "path": "\\components\\core\\grid-newspaper.tsx",
          "type": "registry:ui"
        },
        {
          "path": "\\components\\core\\grid-newspaper.css",
          "type": "registry:ui"
        }
      ],
      "categories": [
        "ui",
        "shadcn-extras"
      ]
    },
    {
      "name": "newspaper",
      "type": "registry:ui",
      "title": "Newspaper",
      "description": "A responsive, flex-based vintage newspaper layout component.",
      "dependencies": [],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "\\components\\core\\newspaper.tsx",
          "type": "registry:component"
        },
        {
          "path": "\\components\\core\\newspaper.tsx",
          "type": "registry:ui"
        },
        {
          "path": "\\components\\core\\newspaper.css",
          "type": "registry:ui"
        }
      ],
      "categories": [
        "ui",
        "shadcn-extras"
      ]
    },
    {
      "name": "animated-image-grid",
      "type": "registry:ui",
      "title": "Animated Image Grid",
      "description": "A fluid CSS grid that beautifully reflows items when they are added or removed.",
      "dependencies": [],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "\\components\\core\\animated-image-grid.tsx",
          "type": "registry:component"
        },
        {
          "path": "\\components\\core\\animated-image-grid.tsx",
          "type": "registry:ui"
        },
        {
          "path": "\\components\\core\\animated-image-grid.css",
          "type": "registry:ui"
        }
      ],
      "categories": [
        "ui",
        "shadcn-extras"
      ]
    },
    {
      "name": "holographic-card",
      "type": "registry:ui",
      "title": "Holographic Card",
      "description": "A 3D floating card with holographic gradients and glitch text.",
      "dependencies": [],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "\\components\\core\\holographic-card.tsx",
          "type": "registry:component"
        },
        {
          "path": "\\components\\core\\holographic-card.tsx",
          "type": "registry:ui"
        },
        {
          "path": "\\components\\core\\holographic-card.css",
          "type": "registry:ui"
        }
      ],
      "categories": [
        "ui",
        "shadcn-extras"
      ]
    },
    {
      "name": "hexagon-grid",
      "type": "registry:ui",
      "title": "Hexagon Grid",
      "description": "An interlocking hexagon grid gallery.",
      "dependencies": [],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "\\components\\core\\hexagon-grid.tsx",
          "type": "registry:component"
        },
        {
          "path": "\\components\\core\\hexagon-grid.tsx",
          "type": "registry:ui"
        },
        {
          "path": "\\components\\core\\hexagon-grid.css",
          "type": "registry:ui"
        }
      ],
      "categories": [
        "ui",
        "shadcn-extras"
      ]
    },
    {
      "name": "testimonial-card",
      "type": "registry:ui",
      "title": "Testimonial Card",
      "description": "A speech-bubble style testimonial card with an avatar placed below.",
      "dependencies": [
        "lucide-react"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "\\components\\core\\testimonial-card.tsx",
          "type": "registry:component"
        }
      ],
      "categories": [
        "ui",
        "shadcn-extras"
      ]
    },
    {
      "name": "day-range",
      "type": "registry:ui",
      "title": "Day Range",
      "description": "A component to visualize a current value between a low and high range.",
      "dependencies": [
        "motion"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "\\components\\core\\day-range.tsx",
          "type": "registry:component"
        }
      ],
      "categories": [
        "ui",
        "shadcn-extras"
      ]
    },
    {
      "name": "kpi-card",
      "type": "registry:ui",
      "title": "Kpi Card",
      "description": "Compact metric card with tone, delta and trend indicator.",
      "dependencies": [
        "lucide-react"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "\\components\\core\\kpi-card.tsx",
          "type": "registry:component"
        }
      ],
      "categories": [
        "ui",
        "shadcn-extras"
      ]
    },
    {
      "name": "leaderboard-card",
      "type": "registry:ui",
      "title": "Leaderboard Card",
      "description": "Profile score card with avatar, crown/rank badge, amount pill and progress bar.",
      "dependencies": [
        "lucide-react"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "\\components\\core\\leaderboard-card.tsx",
          "type": "registry:component"
        }
      ],
      "categories": [
        "ui",
        "shadcn-extras"
      ]
    },
    {
      "name": "radial-dots-spinner",
      "type": "registry:ui",
      "title": "Radial Dots Spinner",
      "description": "Animated dotted spinner (SVG). Customizable spokes, rings, size and speed.",
      "dependencies": [],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "\\components\\core\\radial-dots-spinner.tsx",
          "type": "registry:component"
        }
      ],
      "categories": [
        "ui",
        "shadcn-extras"
      ]
    },
    {
      "name": "concentric-rings-spinner",
      "type": "registry:ui",
      "title": "Concentric Rings Spinner",
      "description": "Dotted rings spinner (SVG). Customizable rings, dots, gap, taper, speed, and direction.",
      "dependencies": [],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "\\components\\core\\concentric-rings-spinner.tsx",
          "type": "registry:component"
        }
      ],
      "categories": [
        "ui",
        "shadcn-extras"
      ]
    },
    {
      "name": "spinner-sequential-pulse",
      "type": "registry:ui",
      "title": "Spinner Sequential Pulse",
      "description": "A sequential pulsing spinner with animated dots arranged in a circle.",
      "dependencies": [
        "motion"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "\\components\\core\\spinner-sequential-pulse.tsx",
          "type": "registry:component"
        }
      ],
      "categories": [
        "ui",
        "shadcn-extras"
      ]
    },
    {
      "name": "testimonial",
      "type": "registry:ui",
      "title": "Testimonial",
      "description": "Animated testimonial carousel with data or custom node slides. Autoplay, arrows, dots, keyboard.",
      "dependencies": [
        "motion",
        "lucide-react"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "\\components\\core\\testimonial.tsx",
          "type": "registry:component"
        }
      ],
      "categories": [
        "ui",
        "shadcn-extras"
      ]
    },
    {
      "name": "blog-card-one",
      "type": "registry:ui",
      "title": "Blog Card One",
      "description": "Blog/article card with image, category chip, actions, and author meta. Variants: image-left, image-top.",
      "dependencies": [],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "\\components\\core\\blog-card-one.tsx",
          "type": "registry:component"
        }
      ],
      "categories": [
        "ui",
        "shadcn-extras"
      ]
    },
    {
      "name": "blog-card-two",
      "type": "registry:ui",
      "title": "Blog Card Two",
      "description": "Full-bleed image blog card with gradient overlay, pinned meta and actions.",
      "dependencies": [
        "lucide-react"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "\\components\\core\\blog-card-two.tsx",
          "type": "registry:component"
        }
      ],
      "categories": [
        "ui",
        "shadcn-extras"
      ]
    },
    {
      "name": "blog-card-three",
      "type": "registry:ui",
      "title": "Blog Card Three",
      "description": "Minimal blog card with small rounded thumbnail and meta. Variants: thumbnail left or right.",
      "dependencies": [
        "lucide-react"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "\\components\\core\\blog-card-three.tsx",
          "type": "registry:component"
        }
      ],
      "categories": [
        "ui",
        "shadcn-extras"
      ]
    },
    {
      "name": "blog-card-four",
      "type": "registry:ui",
      "title": "Blog Card Four",
      "description": "Top rounded cover image with an attached white info panel. Variants: attached or flush.",
      "dependencies": [
        "lucide-react"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "\\components\\core\\blog-card-four.tsx",
          "type": "registry:component"
        }
      ],
      "categories": [
        "ui",
        "shadcn-extras"
      ]
    },
    {
      "name": "timeline-rail",
      "type": "registry:ui",
      "title": "Timeline Rail",
      "description": "Horizontal timeline with dots, labels and captions.",
      "dependencies": [],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "\\components\\core\\timeline-rail.tsx",
          "type": "registry:component"
        }
      ],
      "categories": [
        "ui",
        "shadcn-extras"
      ]
    },
    {
      "name": "pricing-card-one",
      "type": "registry:ui",
      "title": "Pricing Card One",
      "description": "Pricing card with icon, price, features, and CTA.",
      "dependencies": [],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "\\components\\core\\pricing-card-one.tsx",
          "type": "registry:component"
        }
      ],
      "categories": [
        "ui",
        "shadcn-extras"
      ]
    },
    {
      "name": "pricing-card-two",
      "type": "registry:ui",
      "title": "Pricing Card Two",
      "description": "Outlined pricing card with colored frame, icon, price and feature list.",
      "dependencies": [],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "\\components\\core\\pricing-card-two.tsx",
          "type": "registry:component"
        }
      ],
      "categories": [
        "ui",
        "shadcn-extras"
      ]
    },
    {
      "name": "chevron-steps",
      "type": "registry:ui",
      "title": "Chevron Steps",
      "description": "Arrowed step progress bar with clickable segments.",
      "dependencies": [],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "\\components\\core\\chevron-steps.tsx",
          "type": "registry:component"
        }
      ],
      "categories": [
        "ui",
        "shadcn-extras"
      ]
    },
    {
      "name": "text-circle-scroll",
      "type": "registry:ui",
      "title": "Text Circle Scroll",
      "description": "Circular text/nodes that rotate with scroll and/or auto-spin.",
      "dependencies": [
        "motion"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "\\components\\core\\text-circle-scroll.tsx",
          "type": "registry:component"
        }
      ],
      "categories": [
        "ui",
        "shadcn-extras"
      ]
    },
    {
      "name": "shimmer",
      "type": "registry:ui",
      "title": "Shimmer",
      "description": "Shimmer/skeleton loading components: line, avatar, card, rect, list.",
      "dependencies": [
        "motion"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "\\components\\core\\shimmer-skeleton.tsx",
          "type": "registry:component"
        }
      ],
      "categories": [
        "ui",
        "shadcn-extras"
      ]
    },
    {
      "name": "phone-icon",
      "type": "registry:ui",
      "title": "Phone Icon",
      "description": "Animated phone icon with ringing effect.",
      "dependencies": [
        "motion",
        "lucide-react"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "\\components\\core\\phone-icon.tsx",
          "type": "registry:component"
        }
      ],
      "categories": [
        "ui",
        "shadcn-extras"
      ]
    },
    {
      "name": "rocket-icon",
      "type": "registry:ui",
      "title": "Rocket Icon",
      "description": "Animated rocket icon with launch effect.",
      "dependencies": [
        "motion",
        "lucide-react"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "\\components\\core\\rocket-icon.tsx",
          "type": "registry:component"
        }
      ],
      "categories": [
        "ui",
        "shadcn-extras"
      ]
    },
    {
      "name": "bulb-icon",
      "type": "registry:ui",
      "title": "Bulb Icon",
      "description": "Animated lightbulb icon with pulse and flash effects.",
      "dependencies": [
        "motion",
        "lucide-react"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "\\components\\core\\bulb-icon.tsx",
          "type": "registry:component"
        }
      ],
      "categories": [
        "ui",
        "shadcn-extras"
      ]
    },
    {
      "name": "money-icon",
      "type": "registry:ui",
      "title": "Money Icon",
      "description": "Animated banknote icon with bounce and flip effects.",
      "dependencies": [
        "motion",
        "lucide-react"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "\\components\\core\\money-icon.tsx",
          "type": "registry:component"
        }
      ],
      "categories": [
        "ui",
        "shadcn-extras"
      ]
    },
    {
      "name": "refresh-icon",
      "type": "registry:ui",
      "title": "Refresh Icon",
      "description": "Animated refresh/sync icon with spin and pulse effects.",
      "dependencies": [
        "motion",
        "lucide-react"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "\\components\\core\\refresh-icon.tsx",
          "type": "registry:component"
        }
      ],
      "categories": [
        "ui",
        "shadcn-extras"
      ]
    },
    {
      "name": "clock-icon",
      "type": "registry:ui",
      "title": "Clock Icon",
      "description": "Animated clock icon with swing and shake effects.",
      "dependencies": [
        "motion",
        "lucide-react"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "\\components\\core\\clock-icon.tsx",
          "type": "registry:component"
        }
      ],
      "categories": [
        "ui",
        "shadcn-extras"
      ]
    },
    {
      "name": "truck-icon",
      "type": "registry:ui",
      "title": "Truck Icon",
      "description": "Animated truck icon with drive and bounce effects.",
      "dependencies": [
        "motion",
        "lucide-react"
      ],
      "devDependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "\\components\\core\\truck-icon.tsx",
          "type": "registry:component"
        }
      ],
      "categories": [
        "ui",
        "shadcn-extras"
      ]
    }
  ]
}