{ "$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" } ] }