Y
Yhooi2/shadcn-glass-ui-library
Animated Background Glassanimated-background-glassAnimated gradient background with floating orbs for glassmorphism UIs. * Provides an immersive atmosphere with theme-aware styling. * * ## Features
Base Progress Glassbase-progress-glassBase progress bar component used as foundation for:
Expandable Header Glassexpandable-header-glassCollapsible section header with animated chevron for accordion-style interfaces. * Provides accessible expand/collapse controls with theme-aware styling. * * ## Features
Flag Alert Glassflag-alert-glassFlag Alert Glass component with glass effects
Icon Button Glassicon-button-glassIcon-only button with glassmorphism styling and touch-friendly sizing. * Perfect for toolbar actions, header controls, and compact interfaces. * * ## Features
Insight Card Glassinsight-card-glassVersatile insight display component with emoji icons, text, and optional interactivity. * Supports 7 semantic variants with distinct styling and multiple display modes for dashboards, * analytics, and feedback interfaces. * * ## Features
Language Bar Glasslanguage-bar-glassCustom color for the language segment.
Profile Avatar Glassprofile-avatar-glassProfile-specific size classes (larger than standard AvatarGlass)
Progress Glassprogress-glassGlass-themed progress bar with 100% shadcn/ui Progress API compatibility. * * ## shadcn/ui Compatibility * * This component is **fully compatible** with shadcn/ui Progress API:
Rainbow Progress Glassrainbow-progress-glassRainbow Progress Glass component with glass effects
Search Box Glasssearch-box-glassSearch input with glassmorphism styling and integrated submit button. * Provides a cohesive search experience with visual feedback and keyboard support. * * ## Features
Segmented Control Glasssegmented-control-glassSegmented Control Glass component with glass effects
Sort Dropdown Glasssort-dropdown-glassAtomic sorting control built on DropdownMenuGlass primitives for data table and list sorting. * Provides intuitive sort field selection with visual indicators for active sort and direction. * * ## Features
Sparkline Glasssparkline-glassSparkline Glass component with glass effects
Stat Item Glassstat-item-glassCompact statistic display component with icon, value, and label for profile cards and dashboards. * Designed for inline metrics with automatic value formatting and flexible layouts. * * ## Features
Status Indicator Glassstatus-indicator-glassStatus Indicator Glass component with glass effects
Theme Toggle Glasstheme-toggle-glassTheme cycling button that switches between Light, Aurora, and Glass themes. * Displays animated icon transitions with theme-aware styling. * * ## Features