KQ-062 · PEEK/PORTAL
Peek Portal
A framed aperture with a scene that counter-shifts against the frame as you lean around it — two layers moving oppositely sell the depth — and a click that zooms through the portal into the full view.
KQ-062 · PEEK/PORTAL
Observation PortKQ-062
Viewing · Port
KQ-062 · Peek Portal · Depth 14 · P 800 · ζ 0.98
Lean around the port, then click to step through.
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/peek-portal
Props
- scene / beyond
- ReactNode / ReactNode
- default —
- What shows through the aperture, and the view you step into.
- depth
- number
- default 14
- Peak counter-shift in px.
- onStep
- (through) => void
- default —
- Fires stepping through and back.
- sceneLabel / backLabel
- string / string
- default —
- Accessible names for the frame button and the back chip.
| Prop | Type | Default | Description |
|---|---|---|---|
| scene / beyond | ReactNode / ReactNode | — | What shows through the aperture, and the view you step into. |
| depth | number | 14 | Peak counter-shift in px. |
| onStep | (through) => void | — | Fires stepping through and back. |
| sceneLabel / backLabel | string / string | — | Accessible names for the frame button and the back chip. |