Beautiful interfaces,
built with glass materials.
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 glass materials.
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
Five distinct materials
Every component composes the Glass, Frosted, Crystal, Chakra, and Opaque materials.
Try it live
Click to see the materials in action.
Why glass materials?
Everything you need to ship polished interfaces.
55 Components
Buttons, cards, dialogs, selects, tabs, and more: all glass-ready out of the box.
5 Materials
Glass, Frosted, Crystal, Chakra, and Opaque. Each component adapts to every material 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.