ns-ui

Ticker Teleprinter

Character-quantised teleprinter crawl: a fixed row of monospace cells advances one full cell per beat via content substitution, never a subpixel slide.

Use when a self-driving ambient status line where the mechanical, one-cell-at-a-time advance and per-character settle-in are themselves the point. Reach for ticker-tape-splice instead when the content is discrete data rows that need keyboard navigation and a visible append/splice moment — ticker-teleprinter has no roving focus and is meant to be looked at, not tabbed through.

Install

npx shadcn add https://design.helpmarq.com/r/ticker-teleprinter.json
  • ticker
  • marquee
  • ascii
  • mono
  • teleprinter

ns-ui / ticker-teleprinter

Hover to freeze the tape on a cell boundary; each incoming character churns through a few glyphs before it settles.

Props

PropTypeDefaultDescription
itemsstring[]items rendered in order, joined by `separator` and looped
separator?stringglyph placed between items, including at the wrap seam
beatMs?numberms per cell advance; also the flicker settle budget is 3x this
className?string