50+ Liquid Glass Components

Beautiful interfaces,
built with liquid glass.

A component library inspired by Apple's design language. Drop-in replacements for shadcn/ui with blur, depth, and translucency baked in.

pnpm dlx shadcn@latest add @glass-ui/button

Components that speak for themselves

Real UI patterns built entirely with Liquid Glass components.

Settings
Appearance preferences

Use dark theme

Push alerts

AI Chat
Conversational interface

How can I help you today?

Show me the glass variants.

U
Profile
User information
AJ
Akshay Joshi
Developer
Status
Active
RoleAdmin
Metrics
Key performance data
Revenue
$45,231

+20.1% from last month

Users
2,350

+12.5% from last month

Payment
Saved payment method
Primary

**** **** **** 4242

Expires 12/27

Sign In
Authentication form

Four distinct glass variants

Every component ships with Glass, Frosted, Fluted, and Crystal styles.

glass Variant
See how every primitive adapts to the glass style.
Badge
Status
Tag

Try it live

Click to experience liquid glass in action.

Why Liquid Glass?

Everything you need to ship polished interfaces.

40+ Components

Buttons, cards, dialogs, selects, tabs, and more — all glass-ready out of the box.

4 Variants

Glass, Frosted, Fluted, and Crystal. Each component adapts to every variant automatically.

Fully Customizable

Tweak blur, transparency, color, and glow per component via simple props or CSS variables.

Accessible

Built on Radix UI primitives with full keyboard navigation and screen reader support.

Start building today.

Install a single component or the full library. Works with any Next.js + shadcn/ui project.