pleate.uiEffects
Text Animations

Text Loop

Phrases roll upward through a drum, one step at a time, forever. Show one slot or keep faded neighbors in view.
import { TextLoop } from "pleate/effects/text-loop";

Inline and drum

Built for founders, designers, teams, you

Lisbon, Kyoto, Naples, Oaxaca, Bergen

Props

items

Phrases.

string[]

interval / duration

Seconds per phrase and per step.

numberdefault 2 / 0.6

rows

Visible rows.

1 | 3 | 5default 1

className

Classes for the root (type size, color).

string

Accessibility

  • Every phrase is read once, as a list.
  • Reduced motion stops the drum on the first phrase.