KQ-361 · CIPHER/SURFACE
Cipher Surface
The interface renders as scrambled cipher glyphs until the cursor comes close, and decodes back into crisp, coloured UI behind a flickering wavefront. Idle glyphs reroll on a fixed cadence from a seeded table, so the scramble looks alive without ever being random. The real DOM is underneath the whole time.
Basinworks · the berth manifest
Four holds, one manifest, no surprises.
Every hold on this manifest ciphers into glyphs the moment the page settles — the numbers underneath are still live, still clickable, still exactly what dispatch signed off on.
Run the cursor across the table and watch the wavefront peel the glyphs back into the real manifest, code by code, before they scramble shut again the moment you look away.
| Code | Hold | Cargo | State |
|---|---|---|---|
| BW-4471-A | Hold 1 | Timber, kiln-dried | cleared |
| BW-4482-C | Hold 2 | Steel coil | holding |
| BW-4490-B | Hold 3 | Grain, bulk | inbound |
| BW-4501-D | Hold 4 | Machinery parts | cleared |
Bring the cursor close.
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/cipher-surface
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| radius / softness / edgeWidth | number | — | Decode radius, its feather, and the wavefront's thickness. |
| cell / charset / color | number · string · string | — | Glyph cell size, the cipher alphabet, and its colour. |
| scramble / scrambleSpeed | number | — | Fraction of idle glyphs rerolling, and how often. |