KQ-145 · FISHEYE/GRID
Fisheye Grid
A magnifier you sweep across a grid — tiles under the lens bulge up and spread apart in a radial fisheye, the largest riding to the front while the rest ease back to rest, and the tile at the lens center reads out as you go.
KQ-145 · FISHEYE/GRID
GLYPH TABLE · 36 TILES
KQ-145
LENS · NONELens off the grid
UNDER LENS · NONE
Sweep the lens - tiles bulge up as they pass beneath it.
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/fisheye-grid
Props
- cells
- FisheyeCell[]
- default —
- Tiles laid on a near-square grid under the lens.
- onFocusCell
- (id | null) => void
- default —
- Fires the tile at the lens center, null off-grid.
- lensRadius / strength
- number
- default 110 / 0.6
- Lens reach in px and bulge magnitude.
- height
- number
- default 300
- Grid height in px.
| Prop | Type | Default | Description |
|---|---|---|---|
| cells | FisheyeCell[] | — | Tiles laid on a near-square grid under the lens. |
| onFocusCell | (id | null) => void | — | Fires the tile at the lens center, null off-grid. |
| lensRadius / strength | number | 110 / 0.6 | Lens reach in px and bulge magnitude. |
| height | number | 300 | Grid height in px. |