ActiveFeaturedTheming/styling58

@glasscn

Theming/styling · data updated 2026-07-28

A glassmorphism component library layered on shadcn/ui, offering ~20 glass-variant primitives (Glass Alert, Alert Dialog, Badge, Button, Button Group, Calendar, Card, Checkbox, Code Block Command, Command, Combobox, Input, Item, Popover, Radio Group, Select, Separator, Sidebar, Skeleton) plus Glass Variants utility and liquid-glass button variants (clear, frosted, subtle, liquid, liquid-refract via SVG displacement). Installable via npx shadcn add @glasscn/<component>. Free and open-source for Next.js/React. Use for: applying a consistent translucent glass aesthetic to a subset of shadcn UI controls with minimal friction.

Website Docs GitHub Components folder Agent brief (.md)

accessibilityaestheticblocksbuttonscardsdashboarddesign-systemdeveloper-toolsformsglassmorphismhooksiconsloadersmedianavigationoverlays

Install

npx shadcn@latest add https://glasscn-components.vercel.app/r/registry.json

Health

StatusActive

Last commit3 weeks ago

License—

Open issues0

ArchivedNo

Stars58

Components (65)

utilshighlight-textbuttonbadgeavatarcheckboxinputtextareainput-groupitemcomboboxcommanddropdown-menuselectswitchprogressglass-buttonglass-badgeglass-checkboxglass-commandglass-dropdown-menuglass-comboboxglass-selectcardliquid-glassglass-cardglass-scrim-cardglanceglass-contact-pillglass-iconcalendarglass-calendarglass-variantswavy-bordersheetseparatorskeletonbutton-grouppopoverradio-grouptooltipsidebarglass-separatorglass-sidebaralertalert-dialogdialogglass-alertglass-alert-dialogcode-block-commandglass-code-block-commandcomponent-previewglass-button-groupglass-toggle-groupglass-inputglass-itemglass-popoverglass-progressglass-radio-groupglass-skeleton

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.

@glasscn · utils

npx shadcn@latest add https://glasscn-components.vercel.app/r/utils.json

View source