Refraction Glass Container
ProThe glass bends the world behind it—real refraction, not a blur.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
children | React.ReactNode | - | Content rendered inside the glass card. |
width | number | string | 380 | Card width. |
minHeight | number | 220 | Card minimum height. |
distortion | number | 14 | Strength of the refraction warp in pixels. |
blur | number | 14 | Backdrop blur strength in pixels. |
padding | number | string | 24 | Inner padding. |
showBlobs | boolean | true | Render the animated blobs behind the glass. |
blobColors | [string, string, string] | - | Override blob colours. |
background | string | - | Background tint behind blobs. |