ns-ui

Background ASCII Flow

An ambient ASCII flow-field background — a fixed set of tracer particles ride a time-evolving 2D curl-noise velocity field, each glyph's direction ('-', '|', '/', '\\') and trail alpha encoding its heading and speed, with the pointer stirring a local swirl instead of painting or repelling.

Use when Pick background-ascii-flow when the field should read as genuine fluid motion — particles with continuous position and velocity, glyph direction encoding heading — rather than a per-cell sampled scalar (background-ascii-plasma) or a persistent cursor-trail grid (background-ascii-wake).

Install

npx shadcn add https://design.helpmarq.com/r/background-ascii-flow.json
  • background
  • ascii
  • canvas
  • cursor
  • noise
  • particles
  • flow

ns-ui / background-ascii-flow — hold the pointer still to swirl the field

Props

PropTypeDefaultDescription
cellSize?numbergrid cell size in px
className?string