Glass UI
0components
Installs all 8 components. Without our CLI, run instead.
Auto-indexed
Glass UI contents
About Glass UI
Glass UI publishes a shadcn registry at glass-ui.crenspire.com, with 8 components installable through the shadcn CLI.
- Components
- 8
- GitHub stars
- 86
- Last commit
- Apr 10, 2026
- Repository
- crenspire/glass-ui
All 8 components
Each one installs on its own. Names link to the docs that ship them.
- button-group
- cropper
- date-picker-input
- empty-state
- input-group
- menu-bar
- mode-toggle
- spinner
From the Glass UI readme
Glass UI
A modern, glassmorphic component library inspired by Apple's design language, built with Next.js 16, React 19, and shadcn-ui registry.
✨ Features
- 40+ Glass Components - Comprehensive collection of beautiful, glassy UI components
- Apple-Inspired Design - Glassmorphism effects following Apple's design standards
- Theme Support - Built-in light/dark mode with automatic theme switching
- Enhanced Effects - Glow, shimmer, ripple, and gradient animations
- Fully Customizable - Per-component glass effect customization
- Package Manager Support - Install with pnpm, yarn, npm, or bun
- TypeScript - Fully typed components for better developer experience
- Accessible - Built on Radix UI primitives for accessibility
- Tailwind CSS - Utility-first styling with CSS variables
🚀 Quick Start
Installation
Install components using the shadcn CLI with your preferred package manager:
pnpm:
pnpm dlx shadcn@latest add @glass-ui/button
yarn:
yarn dlx shadcn@latest add @glass-ui/button
npm:
npx shadcn@latest add @glass-ui/button
bun:
bunx shadcn@latest add @glass-ui/button
Usage
After installation, import and use components in your project:
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
export function Example() {
return (
Click me
Beautiful Card
Your content here
)
}