Scroll Text

A text marquee animation component for React with support for unidirectional and bidirectional scrolling. Dynamically changes direction based on scroll position for smooth, modern UI effects.

Installation

npx uilayouts@latest add scroll-text

Props

PropTypeDefaultDescription
childrenstringThe content to be animated with a parallax effect.
baseVelocitynumber-5The base velocity for the parallax effect.
clasnamestringOptional CSS class for styling the component.
scrollDependentbooleanfalseWhether the animation should depend on scroll.
delaynumber0Delay before the animation starts (in milliseconds).