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
| 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. |