Text Animations

Echo Text

Fading copies trail behind the text and breathe outward and back.
import { EchoText } from "pleate/effects/echo-text";

Diagonal and sideways

Hello, echo

Sideways

Props

text

The text.

string

copies

Trailing copies.

numberdefault 4

x / y

Offset per copy, in em.

numberdefault 0.06 / 0.06

color

Color of the copies.

stringdefault accent

duration

Seconds per pulse.

numberdefault 2.4

Accessibility

  • Copies are hidden from screen readers.
  • Reduced motion leaves the copies at rest.