Liquid Glass
A smooth glass effect with subtle blur, ideal for UI highlights and overlays.
Loading...
Installation
npx shadcn@latest add @paceui-ui/liquid-glassExamples
Blurred
Increase blur for a stronger glass blur effect.
Loading...
Props
LiquidGlass
| Prop | Type | Default |
|---|---|---|
| width | number | 120 |
| height | number | 120 |
| borderRadius | number | 12 |
| tintOpacity | number (0-1) | 0.1 |
| blur | number | 2 |