glass-ui: A modern glassmorphic component library inspired by Apple's Liquid Glass design, built with Next.js, React, and the shadcn-ui registry.
Key features:
β¨ 40+ components with glass variants
π¨ CSS variable theming for global or per-component customization
π Light/dark mode support with automatic adjustments
β‘ TypeScript definitions and Radix UI accessibility
π Glow, shimmer, and ripple animation effects
π¦ Install components individually with pnpm, yarn, npm, or bun
You get backdrop blur, adjustable transparency, and Apple-style glass styling without writing custom CSS. Change blur intensity and opacity through CSS variables or component props.
Built on top of shadcn-ui so it integrates with existing projects. Each component arrives fully typed and accessible.
π Blog Post
π GitHub Repo
π Live Demo
Top comments (0)