A glass system with
working primitives.
Browse the registry-ready glass components, inspect their variants, and jump into the docs for install commands, API notes, and live previews.
Registry install
Start with the button primitive.
$ npx shadcn add @glasscn/glass-buttonAll components
Glass Button
A button for actions and controls with reusable glass variants.
Glass Badge
A compact label for metadata and status using glass surface treatments.
Glass Alert
A status message surface with the shared glass variant system.
Profile
Manage your account details
Notifications
Configure alerts and emails
Privacy
Control visibility and data
Billing
View plans and invoices
Glass Separator
A divider line tuned for glass UI surfaces.
| Su | Mo | Tu | We | Th | Fr | Sa |
|---|---|---|---|---|---|---|
Glass Calendar
A date picker calendar with glass panel styling.
Glass Card
A reusable content container and footer with glass surface variants.
Adds the frosted treatment to nested panels and interactive controls for a denser glassmorphism look.
Glass Checkbox
A boolean control with the shared glass variant system.
$ npx shadcn add @glasscn/glass-code-block-commandGlass Code Block Command
A glass-styled package-manager command block with copy support.
Glass Combobox
A searchable selection control with glass trigger and popup surfaces.
Glass Select
A select menu with glass-styled trigger and content surfaces.
Glass Alert Dialog
A modal confirmation dialog with a glass-styled content surface.
Workspace
Aurora
Glass Surface
Compound navigation with matching glass states.
Glass Sidebar
A compound sidebar system with glass shell, trigger, input, and menu states.