shadcn-glass-ui

Glassmorphism component set for React that installs through the shadcn CLI

Tier B · UsefulRegistryComponent LibraryTheme Packgithub.com

(Visit github.com ↗)(Docs)(Repository)(Registry)

A shadcn-compatible registry of glass-styled React components: blurred, translucent surfaces with glow and border treatments, shipped as copy-in source rather than a runtime dependency. The published registry.json exposes 76 items across primitives (button, input, select, tabs, sheet), composed cards, and a handful of profile/repository dashboard sections. It ships three themes (Glass, Light, Aurora) and a CLAUDE.md context file plus Context7 indexing aimed at AI coding assistants. Requires React 18+ and Tailwind CSS 4.1+.

Install

npx shadcn@latest add @shadcn-glass-ui/button-glass

For an agent

Reach for this only when the brief explicitly asks for glassmorphism, and treat it as a style layer over an existing shadcn/ui install rather than a replacement -- both write into the same components directory and the same CSS variables, so name collisions are real (button-glass vs button is deliberate). Pull individual items by registry name instead of installing all 76: roughly twenty of them (repository-card-glass, career-stats-glass, trust-score-card-glass, profile-header-glass) are extracted from one specific GitHub-profile app and carry that app's data shape. Note the license conflict -- the README and npm metadata say MIT while the GitHub repo declares Apache-2.0 -- confirm before shipping commercially.

Why it is here. Glassmorphism is a recurring style request and almost nobody ships it as a proper shadcn registry, so this fills a narrow but real gap without forcing a hand-rolled backdrop-filter pass.

Install command, framework, licence and component list.

Facts

License: Apache 2.0, MIT
Pricing: Free, Open source
Framework: React, Next.js
Styling: Tailwind CSS v4, CSS custom properties
Distribution: shadcn registry, npm package, GitHub repository, Copy-paste snippet
Platform: Web
Content type: Code, Design tokens / theme files
Agent readiness: Machine-readable registry item, CLI installable, Readable open source, Structured documentation
Accessibility: Built on accessible primitives, Accessible
Maturity: Beta
GitHub stars: 32
Package: shadcn-glass-ui

Components it ships

76 total

Helps you build

Public Profile Account Web App Settings Web App Analytics

Notable for

shadcn registry with 76 glass items
three bundled themes (Glass, Light, Aurora)
ships CLAUDE.md and Context7 indexing
README claims 59 components, registry.json has 76
repo moved from Yhooi2 to artyhoo

Provenance

Verified 2026-08-15. HTTP 200. https://github.com/Yhooi2/shadcn-glass-ui-library, https://raw.githubusercontent.com/Yhooi2/shadcn-glass-ui-library/main/public/r/registry.json, GitHub API repos/Yhooi2/shadcn-glass-ui-library (301 -> artyhoo/shadcn-glass-ui-library), https://registry.npmjs.org/shadcn-glass-ui

Also in Component Libraries

github.comTier B