G GlassUI

Components

Button

Browse and customize buttons in various styles, states, and sizes. 6 variants, 5 sizes, with optional glass surface and glow effects.


Playground

Explore all button props interactively.

Props

Theme color

Render style

Button size

Glass surface density

Backdrop blur intensity

Colored glass accent orbs behind content

Elevated with shadow

Cursor-tracking proximity glow (requires glass)

Glow intensity

Loading state with spinner

Disabled state

Colors

Theme colors. These follow the active theme preset.

Styles

Render styles applied to each color.

With Icons

Buttons with leading or trailing Phosphor icons.

Loading

Loading state with a spinner. The button is automatically disabled.

Glass

Frosted glass surface. Theme color shows through as translucent tint.

Effects

Composable visual effects: raised, glow, colored.