Beautiful interfaces,
built with liquid glass.
Drop-in replacements for shadcn/ui, built on what colour does to light on its way through: layered translucency, cut edges, and a spectrum of stone tints that retune the whole system from a single hue.
bunx shadcn@latest add @sistine/buttonComponents that speak for themselves
Real UI patterns built entirely with Liquid Glass components.
Use dark theme
Push alerts
How can I help you today?
Show me the glass variants.
+20.1% from last month
+12.5% from last month
**** **** **** 4242
Expires 12/27
Four distinct materials
Every component composes the Glass, Frosted, Crystal, Chakra, and Opaque materials.
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, Crystal, and Opaque. 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.