Layout

Glass Box

A premium glassmorphic container with native backdrop blurring effects, perfect for overlays and floating UI elements.

GlassmorphismBeautifully blurred background effects for modern mobile interfaces.

Tints

Choose between light, dark, or default glass styles to match your theme.

Light Glass

Dark Glass

Prop	Type	Default	Description
`intensity`	`number`	`20`	Blur radius and transparency level
`tint`	`'light' \| 'dark' \| 'default'`	`'default'`	The color theme of the glass
`borderIntensity`	`number`	`30`	Opacity of the border stroke

$npx kachindo-ui add glass-box