Glass Icons
A grid of frosted-glass icon tiles that tilt toward the pointer and lift on hover.
hover3Da11y
Styled with ONONC's design tokens — shadcn add installs them for you.
Customize
Grid
Columns3
Gap16px
Tile size96px
Corner radius22px
Interaction
Pointer tilt14°
Props
| Prop | Type | Default | Description |
|---|---|---|---|
items | GlassIconItem[] | lucide set | Tiles ({ label, icon?, gradient? }). |
columns | number | 3 | Number of columns. |
gap | number | 16 | Gap between tiles in pixels. |
size | number | 96 | Tile size (square) in pixels. |
radius | number | 22 | Tile corner radius in pixels. |
tilt | number | 14 | Max pointer tilt in degrees (0 disables). |
onSelect | (index: number) => void | — | Fires with the selected tile index. |
label | string | "Glass icons" | Accessible name for the group. |