Analysis updated 2026-05-18
Add Apple style frosted glass buttons, cards, or sidebars to a React project with one command.
Choose between clear, frosted, subtle, or liquid-refract glass variants for a component.
Build a polished glassmorphism aesthetic without designing the visual effects from scratch.
| kostyniuk/glasscn-components | javlonbek1233/-bento-grid | javlonbek1233/amaliy-ish-5 | |
|---|---|---|---|
| Stars | 38 | 38 | 38 |
| Language | TypeScript | TypeScript | TypeScript |
| Setup difficulty | easy | easy | easy |
| Complexity | 2/5 | 1/5 | 1/5 |
| Audience | developer | vibe coder | vibe coder |
Figures from each repo's GitHub metadata at analysis time.
This is a collection of ready-made interface components that have a frosted glass visual style, the semi-transparent, blurred look popularized by Apple. The library is built on top of shadcn/ui, an existing component system for React and Next.js projects, so developers who already use that setup can add these glassy components with a single command. The idea is that instead of building buttons, cards, calendars, sidebars, and other interface pieces from scratch, you can install just the ones you need by name and drop them into your project. Each component comes in multiple visual variants: a clear glass look, a frosted version, a subtle one, a liquid style done with pure CSS, and a liquid-refract version that uses an SVG filter to simulate real lens-like bending of light. Dependencies are handled automatically on install. You would reach for this when building a web app in React or Next.js and want a polished, Apple-inspired aesthetic without designing the visual effects yourself. It is written in TypeScript and integrates with the shadcn registry system.
A library of frosted glass styled UI components built on shadcn/ui for React and Next.js projects.
Mainly TypeScript. The stack also includes TypeScript, React, Next.js.
Setup difficulty is rated easy, with roughly 5min to a first successful run.
Mainly developer.
This repo across BitVibe Labs
Verify against the repo before relying on details.