This content originally appeared on DEV Community and was authored by jQueryScript
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.
This content originally appeared on DEV Community and was authored by jQueryScript
jQueryScript | Sciencx (2025-11-18T02:37:41+00:00) glass-ui: Apple Liquid Glass-style Components for Next.js with shadcn-ui. Retrieved from https://www.scien.cx/2025/11/18/glass-ui-apple-liquid-glass-style-components-for-next-js-with-shadcn-ui/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.