Y
Yhooi2
/
shadcn-glass-ui-library
/
blocks
Files
Code
Info
Ai Card Glass
ai-card-glass
AI-themed interactive card with feature list and generate button. * Designed for AI analysis, report generation, and ML-powered features. * * ## Features
Career Stats Glass
career-stats-glass
Career Stats Glass component with glass effects
Career Stats Header Glass
career-stats-header-glass
Career Stats Header Glass component with glass effects
Circular Metric Glass
circular-metric-glass
Compact circular progress metric display optimized for mobile layouts. * Combines CircularProgressGlass with a label for space-efficient metric visualization. * * ## Features
Contribution Metrics Glass
contribution-metrics-glass
Repository contribution metrics grid displaying user and project statistics. * Extracted from RepositoryCardGlass for reusable contribution displays. * * ## Features
Flags Section Glass
flags-section-glass
Flags Section Glass component with glass effects
Header Branding Glass
header-branding-glass
Header Branding Glass component with glass effects
Header Nav Glass
header-nav-glass
Header Nav Glass component with glass effects
Metric Card Glass
metric-card-glass
Rich metric display card with progress bars, sparklines, and trend indicators. * Follows shadcn/ui variant system with Glass UI extensions for data visualization. * * ## Features
Metrics Grid Glass
metrics-grid-glass
Responsive grid layout for displaying multiple MetricCardGlass components. * Extracted from TrustScoreCardGlass for reusable metric dashboard layouts. * * ## Features
Profile Header Extended Glass
profile-header-extended-glass
Formats ISO 8601 date to human-readable format
Profile Header Glass
profile-header-glass
Layout mode for the profile header
Projects List Glass
projects-list-glass
Projects List Glass component with glass effects
Repository Card Context
repository-card-context
Hook to access RepositoryCardGlass context
Repository Card Glass
repository-card-glass
ContributionBadge - Shows contribution percentage with color-coded variant
Repository Header Glass
repository-header-glass
Repository Header Glass component with glass effects
Repository Metadata Glass
repository-metadata-glass
Repository Metadata Glass component with glass effects
Split Layout Accordion
split-layout-accordion
SplitLayoutGlass Accordion Components
Split Layout Context
split-layout-context
SplitLayoutGlass Context
Split Layout Glass
split-layout-glass
SplitLayoutGlass Component (Compound API only)
Trust Score Card Glass
trust-score-card-glass
Trust Score Card Glass component with glass effects
Trust Score Display Glass
trust-score-display-glass
Large animated trust score display with gradient text and pulsing animation. * Extracted from TrustScoreCardGlass for reusability across layouts. * * ## Features
User Info Glass
user-info-glass
User name, username, and join date display component. * Extracted from ProfileHeaderGlass for reusable user identity sections. * * ## Features
User Stats Line Glass
user-stats-line-glass
User statistics line displaying repos, followers, and following counts. * Extracted from ProfileHeaderGlass for reusable user metrics displays. * * ## Features
Year Card Context
year-card-context
Hook to access YearCardGlass context
Year Card Glass
year-card-glass
@deprecated This prop is no longer used. Sparkline is now only shown in expanded view.
Select a component to view its code
Click on any item in the sidebar to get started
Select a component to view its information
Ai Card Glass
ai-card-glass
AI-themed interactive card with feature list and generate button. * Designed for AI analysis, report generation, and ML-powered features. * * ## Features
Career Stats Glass
career-stats-glass
Career Stats Glass component with glass effects
Career Stats Header Glass
career-stats-header-glass
Career Stats Header Glass component with glass effects
Circular Metric Glass
circular-metric-glass
Compact circular progress metric display optimized for mobile layouts. * Combines CircularProgressGlass with a label for space-efficient metric visualization. * * ## Features
Contribution Metrics Glass
contribution-metrics-glass
Repository contribution metrics grid displaying user and project statistics. * Extracted from RepositoryCardGlass for reusable contribution displays. * * ## Features
Flags Section Glass
flags-section-glass
Flags Section Glass component with glass effects
Header Branding Glass
header-branding-glass
Header Branding Glass component with glass effects
Header Nav Glass
header-nav-glass
Header Nav Glass component with glass effects
Metric Card Glass
metric-card-glass
Rich metric display card with progress bars, sparklines, and trend indicators. * Follows shadcn/ui variant system with Glass UI extensions for data visualization. * * ## Features
Metrics Grid Glass
metrics-grid-glass
Responsive grid layout for displaying multiple MetricCardGlass components. * Extracted from TrustScoreCardGlass for reusable metric dashboard layouts. * * ## Features
Profile Header Extended Glass
profile-header-extended-glass
Formats ISO 8601 date to human-readable format
Profile Header Glass
profile-header-glass
Layout mode for the profile header
Projects List Glass
projects-list-glass
Projects List Glass component with glass effects
Repository Card Context
repository-card-context
Hook to access RepositoryCardGlass context
Repository Card Glass
repository-card-glass
ContributionBadge - Shows contribution percentage with color-coded variant
Repository Header Glass
repository-header-glass
Repository Header Glass component with glass effects
Repository Metadata Glass
repository-metadata-glass
Repository Metadata Glass component with glass effects
Split Layout Accordion
split-layout-accordion
SplitLayoutGlass Accordion Components
Split Layout Context
split-layout-context
SplitLayoutGlass Context
Split Layout Glass
split-layout-glass
SplitLayoutGlass Component (Compound API only)
Trust Score Card Glass
trust-score-card-glass
Trust Score Card Glass component with glass effects
Trust Score Display Glass
trust-score-display-glass
Large animated trust score display with gradient text and pulsing animation. * Extracted from TrustScoreCardGlass for reusability across layouts. * * ## Features
User Info Glass
user-info-glass
User name, username, and join date display component. * Extracted from ProfileHeaderGlass for reusable user identity sections. * * ## Features
User Stats Line Glass
user-stats-line-glass
User statistics line displaying repos, followers, and following counts. * Extracted from ProfileHeaderGlass for reusable user metrics displays. * * ## Features
Year Card Context
year-card-context
Hook to access YearCardGlass context
Year Card Glass
year-card-glass
@deprecated This prop is no longer used. Sparkline is now only shown in expanded view.
Select a component to view its code
Click on any item in the sidebar to get started
Select a component to view its information