sh4dcn
Registries
ActiveTheming/styling85

@glass-ui

Theming/styling · data updated 2026-07-28

A shadcn-compatible registry of 49 glassmorphic React/TypeScript components with an Apple-inspired dark-glass aesthetic. Covers the full shadcn primitive set (Accordion through Tooltip) in glass variants, plus unique additions: Cropper, Date Picker Input, Empty State, Spinner, and Input Group. Components default to glass styling via Tailwind CSS v4 and include a Liquid Glass variant with SVG displacement refraction. Includes MCP server configuration for AI-assisted integration. Free and open-source. Use for: building apps that need a cohesive frosted-glass or liquid-glass visual identity across all interactive controls.

WebsiteDocsGitHubComponents folderAgent brief (.md)
accessibilityaestheticaiauthbuttonscardschartsdashboardformsglassmorphismloadersmedianavigationoverlaystablestheming

Install

npx shadcn@latest add https://glass-ui.crenspire.com/r/registry.json

Health

StatusActive
Last commit3 months ago
License—
Open issues0
ArchivedNo
Stars85

Components (49)

buttoncardinputtextarealabelbadgeavatardialogalert-dialogseparatorswitchcheckboxtabstooltippopoverdropdown-menuselectradio-groupskeletonalertaccordionbreadcrumbcalendarchartcollapsiblecommandcropperdrawerhover-cardinput-otpnavigation-menupaginationscroll-areasheetsidebarslidersonnertabletoggletoggle-groupmode-togglespinnerbutton-groupinput-groupempty-statemenu-bardate-picker-inputcontext-menucarousel
Components: button, card, input, textarea, label, badge, avatar, dialog, alert-dialog, separator, switch, checkbox, tabs, tooltip, popover, dropdown-menu, select, radio-group, skeleton, alert, accordion, breadcrumb, calendar, chart, collapsible, command, cropper, drawer, hover-card, input-otp, navigation-menu, pagination, scroll-area, sheet, sidebar, slider, sonner, table, toggle, toggle-group, mode-toggle, spinner, button-group, input-group, empty-state, menu-bar, date-picker-input, context-menu, carousel

Preview

Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.

@glass-ui · button

npx shadcn@latest add https://glass-ui.crenspire.com/r/button.json
View source