ns-ui

Text EKG Baseline

Text whose baseline is a live EKG trace: each beat fires a QRS spike that travels under the letters, throwing every glyph up the waveform before it spring-settles flat.

Use when text with a live EKG baseline — each beat's QRS spike throws every glyph up the waveform before it spring-settles flat, firable imperatively via a ref for real events (deploys, messages); use for a heartbeat/pulse motif, not a generic reveal; pick typing-indicator-trace instead when the pulses represent other people typing rather than system events, status-glyph-cadence when the state should be encoded as a glyph's cadence beside a label, or counter-carry-ripple when the event should move a number rather than a line of type.

Install

npx shadcn add https://design.helpmarq.com/r/text-ekg-baseline.json
  • text
  • ekg
  • waveform
  • svg
  • spring
  • beat
  • raf
  • imperative

ns-ui / text-ekg-baseline

50 BPM — SINUS RHYTHM

each beat travels the baseline and throws the glyphs up the waveform

Props

PropTypeDefaultDescription
children?string"SYSTEMS NOMINAL"the text riding the trace
bpm?number50beats per minute from the internal timer; 0 = imperative-only
className?string