{
"$schema": "https://ui.shadcn.com/schema/registry.json",
"name": "shadcn-glass-ui",
"homepage": "https://yhooi2.github.io/shadcn-glass-ui-library/",
"items": [
{
"name": "tooltip-glass",
"type": "registry:ui",
"title": "Tooltip Glass",
"description": "Glass-themed tooltip with:"
},
{
"name": "toggle-glass",
"type": "registry:ui",
"title": "Toggle Glass",
"description": "Glass-themed toggle switch with shadcn/ui compatible API:"
},
{
"name": "tabs-glass",
"type": "registry:ui",
"title": "Tabs Glass",
"description": "TabsGlass Component (Radix UI based)"
},
{
"name": "switch-glass",
"type": "registry:ui",
"title": "Switch Glass",
"description": "Glass-themed toggle switch with smooth animations and accessibility features.\n * Built on @radix-ui/react-switch for robust state management and keyboard navigation.\n *\n * ## Features"
},
{
"name": "stepper-glass",
"type": "registry:ui",
"title": "Stepper Glass",
"description": "StepperGlass Component (Compound API)"
},
{
"name": "slider-glass",
"type": "registry:ui",
"title": "Slider Glass",
"description": "Glass-themed range slider built on Radix UI with shadcn/ui compatible API:"
},
{
"name": "skeleton-glass",
"type": "registry:ui",
"title": "Skeleton Glass",
"description": "Glass-themed loading skeleton with:"
},
{
"name": "sheet-glass",
"type": "registry:ui",
"title": "Sheet Glass",
"description": "Glass-themed sheet/drawer component with full shadcn/ui Sheet API compatibility.\n * Slides in from top, right, bottom, or left edges with backdrop overlay and blur effects.\n *\n * ## Features"
},
{
"name": "separator-glass",
"type": "registry:ui",
"title": "Separator Glass",
"description": "A glass-themed separator/divider component for visual content separation.\n * Based on @radix-ui/react-separator with glassmorphism styling.\n *\n * Issue #27: Feature request for standalone SeparatorGlass\n *\n * @example\n * ```tsx\n * // Horizontal separator (default)\n * \n *\n * // Vertical separator\n * \n *\n * // With glow effect\n * \n *\n * // Decorative (hidden from screen readers)\n * \n * ```"
},
{
"name": "select-glass",
"type": "registry:ui",
"title": "Select Glass",
"description": "Glass-themed select dropdown with compound component API for flexible composition.\n * Built on @radix-ui/react-select for accessibility, keyboard navigation, and robust selection behavior.\n *\n * ## Features"
},
{
"name": "scroll-area-glass",
"type": "registry:ui",
"title": "Scroll Area Glass",
"description": "Custom scrollable container with glass-themed scrollbars.\n * Built on @radix-ui/react-scroll-area for cross-browser consistency.\n *\n * ## Features"
},
{
"name": "popover-glass",
"type": "registry:ui",
"title": "Popover Glass",
"description": "Floating glass-themed container for tooltips, dropdowns, and contextual overlays.\n * Provides compound and legacy APIs for maximum flexibility.\n *\n * ## Features"
},
{
"name": "notification-glass",
"type": "registry:ui",
"title": "Notification Glass",
"description": "Glass-themed toast notification with variant-based styling, icons, and dismiss functionality.\n * Provides visual feedback for user actions and system events.\n *\n * ## Features"
},
{
"name": "modal-glass",
"type": "registry:ui",
"title": "Modal Glass",
"description": "ModalGlass Component (Radix UI Dialog-based)"
},
{
"name": "input-glass",
"type": "registry:ui",
"title": "Input Glass",
"description": "Glass-themed input with:"
},
{
"name": "hover-card-glass",
"type": "registry:ui",
"title": "Hover Card Glass",
"description": "Hover-triggered floating glass-themed container for rich content previews.\n * Unlike PopoverGlass (click-triggered), HoverCardGlass opens on hover after a configurable delay.\n *\n * ## Features"
},
{
"name": "glass-card",
"type": "registry:ui",
"title": "Glass Card",
"description": "Glass-themed container with backdrop blur, glow effects, and hover animations.\n * Provides a foundational card component for glassmorphism UIs.\n *\n * ## Features"
},
{
"name": "dropdown-menu-glass",
"type": "registry:ui",
"title": "Dropdown Menu Glass",
"description": "DropdownMenuGlass - Compound Component"
},
{
"name": "dropdown-glass",
"type": "registry:ui",
"title": "Dropdown Glass",
"description": "Glass-themed dropdown menu with simple and compound APIs for maximum flexibility.\n * Wrapper around DropdownMenuGlass for quick menu creation.\n *\n * ## Features"
},
{
"name": "combobox-glass",
"type": "registry:ui",
"title": "Combobox Glass",
"description": "Glass-themed combobox (searchable select) combining autocomplete and dropdown functionality.\n * Built on Radix UI Popover and cmdk for robust keyboard navigation and filtering.\n *\n * ## Features"
},
{
"name": "circular-progress-glass",
"type": "registry:ui",
"title": "Circular Progress Glass",
"description": "SVG-based circular progress indicator with gradient colors and glow effects.\n * Supports both determinate (0-100%) and indeterminate (spinner) variants.\n *\n * ## Features"
},
{
"name": "checkbox-glass",
"type": "registry:ui",
"title": "Checkbox Glass",
"description": "Glass-themed checkbox built on Radix UI primitives with:"
},
{
"name": "card-glass",
"type": "registry:ui",
"title": "Card Glass",
"description": "CardGlass Compound Component"
},
{
"name": "button-glass",
"type": "registry:ui",
"title": "Button Glass",
"description": "Glass-themed button with:"
},
{
"name": "badge-glass",
"type": "registry:ui",
"title": "Badge Glass",
"description": "Glass-themed badge with:"
},
{
"name": "avatar-glass",
"type": "registry:ui",
"title": "Avatar Glass",
"description": "Glass-themed avatar with:"
},
{
"name": "alert-glass",
"type": "registry:ui",
"title": "Alert Glass",
"description": "Glass-themed alert with:"
},
{
"name": "status-indicator-glass",
"type": "registry:component",
"title": "Status Indicator Glass",
"description": "Status Indicator Glass component with glass effects"
},
{
"name": "sparkline-glass",
"type": "registry:component",
"title": "Sparkline Glass",
"description": "Sparkline Glass component with glass effects"
},
{
"name": "segmented-control-glass",
"type": "registry:component",
"title": "Segmented Control Glass",
"description": "Segmented Control Glass component with glass effects"
},
{
"name": "rainbow-progress-glass",
"type": "registry:component",
"title": "Rainbow Progress Glass",
"description": "Rainbow Progress Glass component with glass effects"
},
{
"name": "progress-glass",
"type": "registry:component",
"title": "Progress Glass",
"description": "Glass-themed progress bar with 100% shadcn/ui Progress API compatibility.\n *\n * ## shadcn/ui Compatibility\n *\n * This component is **fully compatible** with shadcn/ui Progress API:"
},
{
"name": "profile-avatar-glass",
"type": "registry:component",
"title": "Profile Avatar Glass",
"description": "Profile-specific size classes (larger than standard AvatarGlass)"
},
{
"name": "language-bar-glass",
"type": "registry:component",
"title": "Language Bar Glass",
"description": "Custom color for the language segment."
},
{
"name": "flag-alert-glass",
"type": "registry:component",
"title": "Flag Alert Glass",
"description": "Flag Alert Glass component with glass effects"
},
{
"name": "base-progress-glass",
"type": "registry:component",
"title": "Base Progress Glass",
"description": "Base progress bar component used as foundation for:"
},
{
"name": "animated-background-glass",
"type": "registry:component",
"title": "Animated Background Glass",
"description": "Animated gradient background with floating orbs for glassmorphism UIs.\n * Provides an immersive atmosphere with theme-aware styling.\n *\n * ## Features"
},
{
"name": "trust-score-card-glass",
"type": "registry:block",
"title": "Trust Score Card Glass",
"description": "Trust Score Card Glass component with glass effects"
},
{
"name": "projects-list-glass",
"type": "registry:block",
"title": "Projects List Glass",
"description": "Projects List Glass component with glass effects"
},
{
"name": "profile-header-glass",
"type": "registry:block",
"title": "Profile Header Glass",
"description": "Layout mode for the profile header"
},
{
"name": "profile-header-extended-glass",
"type": "registry:block",
"title": "Profile Header Extended Glass",
"description": "Formats ISO 8601 date to human-readable format"
},
{
"name": "header-nav-glass",
"type": "registry:block",
"title": "Header Nav Glass",
"description": "Header Nav Glass component with glass effects"
},
{
"name": "header-branding-glass",
"type": "registry:block",
"title": "Header Branding Glass",
"description": "Header Branding Glass component with glass effects"
},
{
"name": "flags-section-glass",
"type": "registry:block",
"title": "Flags Section Glass",
"description": "Flags Section Glass component with glass effects"
},
{
"name": "career-stats-glass",
"type": "registry:block",
"title": "Career Stats Glass",
"description": "Career Stats Glass component with glass effects"
},
{
"name": "touch-target",
"type": "registry:lib",
"title": "Touch Target",
"description": "Ensures minimum touch target size compliance with Apple Human Interface Guidelines.\n * Wraps interactive elements to guarantee accessibility on touch devices.\n *\n * Apple HIG recommends minimum 44×44pt (44×44px) touch targets.\n * Material Design recommends 48×48dp for better accessibility.\n *\n * @see https://developer.apple.com/design/human-interface-guidelines/layout"
},
{
"name": "interactive-card",
"type": "registry:lib",
"title": "Interactive Card",
"description": "Unified wrapper for card components with hover animations and glass effects.\n * Eliminates hover state duplication in MetricCardGlass, YearCardGlass,\n * AICardGlass, RepositoryCardGlass, and other card components.\n *\n * Features:"
},
{
"name": "form-field-wrapper",
"type": "registry:lib",
"title": "Form Field Wrapper",
"description": "Unified wrapper for form controls with label, validation states, and messages.\n * Eliminates code duplication across InputGlass, SliderGlass, ComboBoxGlass, etc.\n *\n * Handles:"
},
{
"name": "user-stats-line-glass",
"type": "registry:block",
"title": "User Stats Line Glass",
"description": "User statistics line displaying repos, followers, and following counts.\n * Extracted from ProfileHeaderGlass for reusable user metrics displays.\n *\n * ## Features"
},
{
"name": "user-info-glass",
"type": "registry:block",
"title": "User Info Glass",
"description": "User name, username, and join date display component.\n * Extracted from ProfileHeaderGlass for reusable user identity sections.\n *\n * ## Features"
},
{
"name": "trust-score-display-glass",
"type": "registry:block",
"title": "Trust Score Display Glass",
"description": "Large animated trust score display with gradient text and pulsing animation.\n * Extracted from TrustScoreCardGlass for reusability across layouts.\n *\n * ## Features"
},
{
"name": "repository-metadata-glass",
"type": "registry:block",
"title": "Repository Metadata Glass",
"description": "Repository Metadata Glass component with glass effects"
},
{
"name": "repository-header-glass",
"type": "registry:block",
"title": "Repository Header Glass",
"description": "Repository Header Glass component with glass effects"
},
{
"name": "metrics-grid-glass",
"type": "registry:block",
"title": "Metrics Grid Glass",
"description": "Responsive grid layout for displaying multiple MetricCardGlass components.\n * Extracted from TrustScoreCardGlass for reusable metric dashboard layouts.\n *\n * ## Features"
},
{
"name": "metric-card-glass",
"type": "registry:block",
"title": "Metric Card Glass",
"description": "Rich metric display card with progress bars, sparklines, and trend indicators.\n * Follows shadcn/ui variant system with Glass UI extensions for data visualization.\n *\n * ## Features"
},
{
"name": "contribution-metrics-glass",
"type": "registry:block",
"title": "Contribution Metrics Glass",
"description": "Repository contribution metrics grid displaying user and project statistics.\n * Extracted from RepositoryCardGlass for reusable contribution displays.\n *\n * ## Features"
},
{
"name": "circular-metric-glass",
"type": "registry:block",
"title": "Circular Metric Glass",
"description": "Compact circular progress metric display optimized for mobile layouts.\n * Combines CircularProgressGlass with a label for space-efficient metric visualization.\n *\n * ## Features"
},
{
"name": "career-stats-header-glass",
"type": "registry:block",
"title": "Career Stats Header Glass",
"description": "Career Stats Header Glass component with glass effects"
},
{
"name": "ai-card-glass",
"type": "registry:block",
"title": "Ai Card Glass",
"description": "AI-themed interactive card with feature list and generate button.\n * Designed for AI analysis, report generation, and ML-powered features.\n *\n * ## Features"
},
{
"name": "theme-toggle-glass",
"type": "registry:component",
"title": "Theme Toggle Glass",
"description": "Theme cycling button that switches between Light, Aurora, and Glass themes.\n * Displays animated icon transitions with theme-aware styling.\n *\n * ## Features"
},
{
"name": "stat-item-glass",
"type": "registry:component",
"title": "Stat Item Glass",
"description": "Compact statistic display component with icon, value, and label for profile cards and dashboards.\n * Designed for inline metrics with automatic value formatting and flexible layouts.\n *\n * ## Features"
},
{
"name": "sort-dropdown-glass",
"type": "registry:component",
"title": "Sort Dropdown Glass",
"description": "Atomic sorting control built on DropdownMenuGlass primitives for data table and list sorting.\n * Provides intuitive sort field selection with visual indicators for active sort and direction.\n *\n * ## Features"
},
{
"name": "search-box-glass",
"type": "registry:component",
"title": "Search Box Glass",
"description": "Search input with glassmorphism styling and integrated submit button.\n * Provides a cohesive search experience with visual feedback and keyboard support.\n *\n * ## Features"
},
{
"name": "insight-card-glass",
"type": "registry:component",
"title": "Insight Card Glass",
"description": "Versatile insight display component with emoji icons, text, and optional interactivity.\n * Supports 7 semantic variants with distinct styling and multiple display modes for dashboards,\n * analytics, and feedback interfaces.\n *\n * ## Features"
},
{
"name": "icon-button-glass",
"type": "registry:component",
"title": "Icon Button Glass",
"description": "Icon-only button with glassmorphism styling and touch-friendly sizing.\n * Perfect for toolbar actions, header controls, and compact interfaces.\n *\n * ## Features"
},
{
"name": "expandable-header-glass",
"type": "registry:component",
"title": "Expandable Header Glass",
"description": "Collapsible section header with animated chevron for accordion-style interfaces.\n * Provides accessible expand/collapse controls with theme-aware styling.\n *\n * ## Features"
},
{
"name": "sidebar-menu",
"type": "registry:ui",
"title": "Sidebar Menu",
"description": "SidebarGlass Menu Components"
},
{
"name": "sidebar-glass",
"type": "registry:ui",
"title": "Sidebar Glass",
"description": "SidebarGlass Core Components"
},
{
"name": "sidebar-context",
"type": "registry:ui",
"title": "Sidebar Context",
"description": "SidebarGlass Context"
},
{
"name": "year-card-glass",
"type": "registry:block",
"title": "Year Card Glass",
"description": "@deprecated This prop is no longer used. Sparkline is now only shown in expanded view."
},
{
"name": "year-card-context",
"type": "registry:block",
"title": "Year Card Context",
"description": "Hook to access YearCardGlass context"
},
{
"name": "split-layout-glass",
"type": "registry:block",
"title": "Split Layout Glass",
"description": "SplitLayoutGlass Component (Compound API only)"
},
{
"name": "split-layout-context",
"type": "registry:block",
"title": "Split Layout Context",
"description": "SplitLayoutGlass Context"
},
{
"name": "split-layout-accordion",
"type": "registry:block",
"title": "Split Layout Accordion",
"description": "SplitLayoutGlass Accordion Components"
},
{
"name": "repository-card-glass",
"type": "registry:block",
"title": "Repository Card Glass",
"description": "ContributionBadge - Shows contribution percentage with color-coded variant"
},
{
"name": "repository-card-context",
"type": "registry:block",
"title": "Repository Card Context",
"description": "Hook to access RepositoryCardGlass context"
}
]
}