ns-ui

Background ASCII Wake

Full-bleed monospace cursor-trail field: a sparse ambient scatter at rest, with the pointer dragging a decaying character comet whose length and brightness depend on how fast it moves.

Use when an ambient hero/background where the wake left by pointer movement itself is the effect. Reach for background-ascii-dither instead for a media-driven glyph field (image or flowing noise) with a simple cursor-proximity brighten rather than a persistent, per-cell decaying trail.

Install

npx shadcn add https://design.helpmarq.com/r/background-ascii-wake.json
  • background
  • ascii
  • cursor
  • canvas
  • trail

ns-ui / background-ascii-wake — move the pointer to drag a wake

Props

PropTypeDefaultDescription
cellSize?numbergrid cell size in px
className?string