ns-ui / loud
A full-bleed ASCII hero driven by a live Gray-Scott reaction-diffusion sim, inking only the migrating chemical fronts — the gradient ridge of the V species — so self-organising worm-like fronts crawl as thin bright lines across an otherwise empty field, with the pointer injecting fresh reagent that nucleates new fronts.
Use when Pick hero-ascii-reaction-front when the hero should look like something growing chemically — sparse sinuous fronts that crawl, split and nucleate under the cursor, driven by a real solver whose state persists rather than a function of time. background-ascii-caustics is the better pick for a stateless rippling optical field with a lens-like pointer, and hero-ascii-lichtenberg for one-shot branching discharge rather than a continuously evolving medium.
Install
npx shadcn add https://design.helpmarq.comA Gray-Scott dish runs live under the type — a real solver, not a loop of noise. Only the ridge of the reaction interface is inked, so the reacted interiors and the untouched bulk stay blank and every front reads as a thin crawling line. Move the pointer across the field to pipette in fresh reagent and watch a new front nucleate under the cursor and travel away on its own.
Read the docs| Prop | Type | Default | Description |
|---|---|---|---|
| cellSize? | number | — | grid cell size in px — the sim grid is the glyph grid, never supersampled |
| className? | string | — | — |