ns-ui
Luminance-to-glyph canvas renderer: ASCII, Bayer-dither, and dot-matrix modes with cursor-proximity resolve.
Use when a full-bleed glyph field driven by a real source, an image or flowing noise, mapped through a luminance ramp with a cursor-proximity resolve, and the only one of these that can render an image you supply; pick background-ascii-plasma instead for a purely procedural interference field the pointer warps and relaxes, background-ascii-wake when the persistent decaying pointer trail is the effect, or ascii-engraving-contour when the glyphs should trace contour hatching over an evolving form.
Install
npx shadcn add https://design.helpmarq.com| Prop | Type | Default | Description |
|---|---|---|---|
| mode? | Mode | "ascii" | — |
| src? | string | — | optional image URL; omit for the built-in animated noise field |
| cellSize? | number | 14 | grid cell size in px |
| cursorRadius? | number | 140 | cursor-proximity resolve radius in px |
| className? | string | — | — |