ns-ui
Horizontal ticker tape with mechanical feed physics: quotes stream right-to-left at constant speed, new data visibly splices in with a 1px seam that travels with the strip, and hover or keyboard focus brakes the feed with inertia instead of stopping it dead.
Use when a live-updating horizontal marquee of short, discrete data items (quotes, prices, scores) where continuous feed physics and a visible append/splice moment matter. Reach for progress-telegraph-log instead for a vertical telegraph log of operation sub-steps with unknowable total duration — progress-telegraph-log has no marquee motion and is about narrating one long-running process, not a continuous horizontal financial-style stream.
Install
npx shadcn add https://design.helpmarq.comns-ui / ticker-tape-splice
New quotes splice in from the right; hover or focus the tape to brake it, or use the transport button to pause outright.
| Prop | Type | Default | Description |
|---|---|---|---|
| quotes | Quote[] | — | — |
| speed? | number | — | Base feed speed in px/s. Default 46. |
| paused? | boolean | — | External pause control. Omit for internal state. |
| onPausedChange? | (paused: boolean) => void | — | — |
| className? | string | — | — |