ns-ui
An ambient ASCII background of Voronoi cell WALLS only — ink appears exactly where the first and second nearest sites are equidistant, so a sparse, slowly drifting network of hairlines and clean three-way junctions sits on an otherwise empty field, and the pointer is a weighted site whose territory visibly swells.
Use when Pick background-ascii-voronoi-walls when the hero should read as a partition of space — cracked mud, soap foam, a territory map — sparse hairline boundaries meeting at clean three-way junctions, with the pointer owning a cell that inflates and squeezes its neighbours. background-lloyd-relax is the other Voronoi-derived piece and the easiest to confuse with this one: it draws the SITES as a migrating blue-noise dot screen and never inks a boundary at all, so pick it when the subject is tone built from dot spacing and pick this one when the subject is the boundary network itself. background-ascii-domain-walls is the better pick when those boundaries should be rough, thermally wandering walls that pinch off and reconnect rather than clean straight partitions; background-ascii-nodal-lines is the better pick when the curved hairlines should read as wave cancellation between emitters rather than as ownership boundaries; background-ascii-caustics for bright focused filaments from multiplied plane waves with the pointer as a converging lens; background-ascii-wake when the pointer's own trail, not a standing structure, is the subject.
Install
npx shadcn add https://design.helpmarq.com /r/background-ascii-voronoi-walls.jsonns-ui / background-ascii-voronoi-walls — ink only where the two nearest sites are equidistant; the pointer is a weighted cell that inflates
| Prop | Type | Default | Description |
|---|---|---|---|
| cellSize? | number | — | grid cell size in px |
| siteCount? | number | — | base number of drifting sites, scaled by frame area and clamped 14..34 |
| className? | string | — | — |