@glasscn
A shadcn-compatible registry of glassmorphism components inspired by Apple
Add to components.json
In catalog"registries": {
"@glasscn": "https://glasscn-components.vercel.app/r/{name}.json"
}Then npx shadcn@latest add @glasscn/<item> — every tile below copies its own command.
65 items · 54 run live as they reach the viewport
A preview shell for component demos with switchable default and glass variants.
A circular glass chip that wraps any icon, iOS-control-center style. Preset sizes scale the circle and icon together so grids of icons stay uniform.
Glass Alert with five variants: clear, frosted, subtle, liquid, and liquid-refract
Glass Button Group with five variants: clear, frosted, subtle, liquid, and liquid-refract
Glass Combobox with five variants: clear, frosted, subtle, liquid, and liquid-refract
Glass Item with five variants: clear, frosted, subtle, liquid, and liquid-refract
Glass Radio Group with five variants: clear, frosted, subtle, liquid, and liquid-refract
Glass Separator with five variants: clear, frosted, subtle, liquid, and liquid-refract
Inline text highlight with preset color variants and custom background class support.
A weighted preference bar with icon badges, hover tinting, and tooltip descriptions.
Glass Button with five variants: clear, frosted, subtle, liquid, and liquid-refract
Liquid-glass contact chip with an avatar (image or initials fallback) and name, for messaging apps
Glass Alert Dialog with five variants: clear, frosted, subtle, liquid, and liquid-refract
Glass Card with five variants: clear, frosted, subtle, liquid, and liquid-refract
Glass Command with five variants: clear, frosted, subtle, liquid, and liquid-refract
Glass Popover with five variants: clear, frosted, subtle, liquid, and liquid-refract
Siri-style liquid-refract card with a black scrim that eases from one edge into clear glass
Glass Sidebar with five variants: clear, frosted, subtle, liquid, and liquid-refract
Low-level refractive glass wrapper used by liquid-refract components.
Glass Calendar with five variants: clear, frosted, subtle, liquid, and liquid-refract
Glass Input with five variants: clear, frosted, subtle, liquid, and liquid-refract
Glass Badge with five variants: clear, frosted, subtle, liquid, and liquid-refract
Glass Checkbox with five variants: clear, frosted, subtle, liquid, and liquid-refract
Glass Dropdown Menu with five variants: clear, frosted, subtle, liquid, and liquid-refract
Glass Progress with five variants: clear, frosted, subtle, liquid, and liquid-refract
Glass Select with five variants: clear, frosted, subtle, liquid, and liquid-refract
Glass Skeleton with five variants: clear, frosted, subtle, liquid, and liquid-refract