KQ-359 · ASCII/LENS

ASCII Lens

A soft lens that follows the cursor and redraws the live interface beneath it as characters — glyphs chosen by the shape of what they cover, not just its brightness, so an edge reads as a slash and a fill as a block. Outside the lens the page is itself; inside it, the page is type. The DOM stays real and clickable throughout.

KQ-359 · ASCII/LENS

Fieldline · survey brief

Grid 14 comes back clean.

Every transect logged, every reading cross-checked against the base station before the crew broke for the day. Run the lens over the brief and watch it reset as monospace.

Bearing
014°
Depth
2.4 m
Soil
Loam over shale
Crew
Team B, north face

Samples logged

214214

Coverage

92%92%

move across it

Install

One command — the source lands in your repo. Or copy it from the Code tab.

$ pnpm dlx shadcn@latest add @kinetiq/ascii-lens

Props

PropTypeDefaultDescription
radius / softnessnumberLens radius in CSS pixels and the feather of its edge.
cell / charsetnumber · "ascii" | "blocks" | "binary"Glyph cell size and the character ramp.
color / tintstring · numberGlyph colour and how far it replaces the page's own colour.