Text
TextTicker
Scroll-velocity marquee for single or multiple text rows with optional frame-driven mode for Remotion.
Installation
npm install @ai-animate/core
Usage
import { TextTicker } from '@ai-animate/core'
<TextTicker text="Streaming · Agents · AI ·" />
Props
textstringundefinedSingle text string (single-row mode)
textsstring[]undefinedArray of text strings (multi-row mode)
direction'left' | 'right'leftScroll direction for single-row mode
velocitynumber100Base scroll speed in px/s
dampingnumber50Spring damping — higher = less oscillation
stiffnessnumber400Spring stiffness — higher = snappier
numCopiesnumber8Number of text copies to fill the strip
framenumberundefinedCurrent Remotion frame for frame-driven mode
fpsnumberundefinedFrames per second for frame-driven mode
wrapperClassNamestring''className on the outer overflow-hidden wrapper
classNamestring''className on each text span copy