Glass Button

A button for actions and controls with reusable glass variants.

import { GlassButton } from "@/components/ui/glasscn/glass-button"

export function ButtonDemo() {
  return <GlassButton glassVariant="liquid-bold">Button</GlassButton>

Installation

$ npx shadcn add @glasscn/glass-button

API

Prop

Type

Default

Description

GlassButtonglassVariant

"clear" | "frosted" | "subtle" | "liquid" | "liquid-bold""clear"

Controls the glass surface treatment.

GlassButton...props

React.ComponentProps<typeof Button>-

Props from the underlying shadcn/ui primitive.

Variants

clear

frosted

subtle

liquid

liquid-bold