ns-ui
A grabbable ticker tape: drag to scrub through its content, release to fling it with momentum, and legibility itself is a function of speed — fast motion blurs characters into noise glyphs, slowing down resolves them back into real text.
Use when a marquee the visitor can grab and scrub through, where speed itself is the readout — dragging fast blurs the tape into noise glyphs and slowing down resolves it back to real text; pick ticker-tape-splice instead for a live feed that only needs hover-to-pause easing, or ticker-teleprinter when the crawl should read as character-quantised typewriter arrival rather than something you can physically throw and catch.
Install
npx shadcn add https://design.helpmarq.comns-ui / marquee-ticker-glyph
grab the tape and drag — fast motion blurs into noise glyphs, it resolves back to real text as it slows
| Prop | Type | Default | Description |
|---|---|---|---|
| items | string[] | — | items rendered in order, looped end to end |
| separator? | string | — | glyph placed between items, including at the wrap seam |
| speed? | number | — | ambient auto-scroll speed in px/s while untouched and unpaused |
| resolveThreshold? | number | — | px/s above which cells blur into noise glyphs (ambient speed should sit under this) |
| className? | string | — | — |