KQ-091 · GLASS/PANE
Glass Pane
Stacked translucent sheets that separate in depth when your hand arrives — each glass slides out along its own diagonal on the glide spring while a specular highlight tracks the pointer across the top sheet.
KQ-091 · GLASS/PANE
SCHEMATIC GLASS · 03 SHEETS
KQ-091
SUBSTRATE
bus rails · ground plane
ROUTING
fourteen traces · two vias
LEGEND
three sheets, one assembly
hover to part the glass
Bring the pointer in - the sheets part and the light follows.
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/glass-pane
Props
- sheets
- { id, label, content }[]
- default —
- Two to four sheets, rear first.
- separation
- number
- default 12
- Peak separation per sheet step, in px.
- height
- number
- default 230
- Stage height in px.
| Prop | Type | Default | Description |
|---|---|---|---|
| sheets | { id, label, content }[] | — | Two to four sheets, rear first. |
| separation | number | 12 | Peak separation per sheet step, in px. |
| height | number | 230 | Stage height in px. |