ns-ui / loud
A full-width oscilloscope hero: a summed three-harmonic waveform drawn as one continuous box-drawing trace inside a box-drawing frame with a live amplitude/frequency readout, where the pointer injects energy into a real damped wave simulation that rings outward from the touched column and settles back over about a second.
Use when an instrument-flavoured hero built on a synthesized three-harmonic waveform the pointer injects energy into, with no data input at all, so it is decoration shaped like an instrument; pick hero-chart-recorder instead when a real live stream is the product and the mechanical lag of plotting it is the point, or chart-ridgeline-terrain when actual history should recede into terrain.
Install
npx shadcn add https://design.helpmarq.com| Prop | Type | Default | Description |
|---|---|---|---|
| amplitude? | number | — | trace amplitude, 0..1 fraction of the interior half-height |
| frequency? | number | — | base frequency shown on the readout and used to scale the waveform's spatial frequency |
| cellSize? | number | — | grid cell size in px |
| className? | string | — | — |
| children? | ReactNode | — | optional headline, laid over the field |