KQ-369 · SHIELD/FIELD
Shield Field
A faint lattice over the interface that rings out when clicked: a shockwave travels from the point of impact, lighting each cell as it passes and bending the page a little under the front, then fades. Cells near the pointer glow softly. Draws only the lattice and the waves, so the page is itself everywhere else.
Waylight · perimeter status
Four gates, one quiet watch.
The field over this card is a resting lattice, thin enough to ignore. Tap it and a ring goes out to prove every gate below is still listening.
- sealed
North gate
Perimeter camera 4, motion armed
- sealed
Loading dock
Badge readers online
- watch
East stairwell
Door sensor drifting, re-poll queued
- sealed
Server room
Two-factor lock, no exceptions
click to ping the field
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/shield-field
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| cell / lattice / lineOpacity | number · "hex" | "tri" | "grid" · number | — | The lattice geometry and how visible it is at rest. |
| waveSpeed / waveWidth / waveLife / maxWaves | number | — | How fast a shockwave travels in px/s, how thick its front is, how long it lives, and how many may run at once. |
| color / glow / refraction / hover | string · number · number · number | — | The field colour, the brightness of a lit cell, how far the front bends the page, and the pointer's glow radius. |