KQ-083 · TUNNEL/DIVE
Tunnel Dive
A dive through receding frames — scroll flies the camera down a z-tunnel where each gate rushes from a far speck to blow past the lens, a starburst cresting between gates and the depth readout counting them off as they pass.
KQ-083 · TUNNEL/DIVE
DESCENT LOG · 05 GATES
A tunnel dive of 5 frames. Scrolling flies the camera through each gate in turn. Nearest frame: SURFACE.
- SURFACE
- GALLERY 1
- GALLERY 2
- VAULT
- CORE
DIVE STAGEKQ-083
PASSED · 00/05
Scroll to dive - each gate blows past the camera.
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/tunnel-dive
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| frames | TunnelFrame[] | — | The gates to fly through, front to back. |
| onFramePass | (index) => void | — | Fires as each gate blows past, deduped ascending. |
| height | number | 280 | Scroll stage height in px. |