ns-ui
An ASCII keyboard layout that accumulates real ink density per key as you type into it — each keystroke inks the key, heat decays on an exponential half-life, and the legend rescales to whichever key is currently hottest.
Use when showing which keys are actually getting hammered in a live typing session, driven entirely by real keystrokes rather than a canned dataset — pick shortcuts-cheat-sheet instead for a reference overlay whose keycaps depress themselves for a listed shortcut COMBINATION and swallow the keydown, which has no accumulation, decay or legend at all; pick heatmap-year-stipple instead for a calendar of past activity rather than a live session.
Install
npx shadcn add https://design.helpmarq.comns-ui / keymap-ascii-heat
Type into the field — each keystroke inks its key, heat decays on a half-life, and the legend rescales to whichever key is currently hottest.
| Prop | Type | Default | Description |
|---|---|---|---|
| placeholder? | string | — | — |
| label? | string | — | — |
| className? | string | — | — |