KQ-068 · DEPTH/LENS
Depth Lens
An x-ray lens that chases the pointer on the glide spring and cuts through the surface to the layer beneath — the aperture is a registered second copy, so the two layers line up perfectly under the glass.
KQ-068 · DEPTH/LENS
INSPECTION LENS · X-RAY
KQ-068
ENCLOSURELENS · TRACES
Sweep the lens - arrows steer it from the keyboard.
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/depth-lens
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| surface / beneath | ReactNode / ReactNode | — | The visible layer and the one exposed inside the lens. |
| radius | number | 64 | Lens radius in px. |
| surfaceLabel / beneathLabel | string / string | — | Corner labels naming the layers. |
| height | number | 240 | Stage height in px. |