ns-ui / loud

Background ASCII Plasma

A full-bleed animated ASCII plasma field — three octaves of traveling value noise mapped through a density ramp to a monospace glyph grid, with the pointer warping the field outward and letting it relax back like dragging a finger through liquid.

Use when a purely procedural full-bleed ASCII field with no source material, three noise octaves interfering into drifting bands that the pointer warps outward and lets relax back; pick background-ascii-dither instead when an actual image or media source has to drive the glyphs, or background-ascii-wake when the pointer's persistent decaying trail is the whole effect rather than a momentary warp.

Install

npx shadcn add https://design.helpmarq.com/r/background-ascii-plasma.json
  • ascii
  • background
  • canvas
  • cursor
  • noise
  • plasma
ns://uins-ui / background-ascii-plasma
drag to disturb the fieldthree octaves / value noise

Props

PropTypeDefaultDescription
cellSize?numbergrid cell size in px
className?string