ns-ui / loud
A Wilson cloud chamber for your event stream — each real event condenses into a soft vapor trail (angle by category, length/brightness by magnitude) that diffuses away over seconds, with a paired Geist Mono log so the same stream reads in words.
Use when ambient awareness of a live event stream on a wall screen or status-page hero — every trail IS a real event (deploy/error/purchase), not decoration, so a quiet chamber vs. one suddenly full of long streaks reads as system weather before any threshold fires; pick chart-ridgeline-terrain instead for aggregate topology rather than individual events, or hero-particles-webgl for a decorative cursor-reactive hero disconnected from any data.
Install
npx shadcn add https://design.helpmarq.comns-ui / event-stream-vapor
Deploys, errors and purchases as they happen
Chamber quiet — no events yet.
a quiet chamber vs. one full of long streaks tells you something before any threshold fires
| Prop | Type | Default | Description |
|---|---|---|---|
| events | ChamberEvent[] | — | the event stream so far — append new items, ids already seen are ignored |
| label? | string | — | accessible name for the log region |
| categoryAngles? | Record<string, number> | — | override or extend the category -> angle (degrees) table |
| maxLegendItems? | number | — | rows kept in the legend / considered for tick marks. default 30 |
| flushMs? | number | — | batching window (ms) for legend rows + the live-region announcement. default 350 |
| className? | string | — | — |