Text Animations

Fuzzy Text

Text whose thin slices jitter sideways like a weak signal. The noise grows while the pointer is over it. Takes its font from your classes.
import { FuzzyText } from "pleate/effects/fuzzy-text";

Error page number

404

Hover the number.

Accent, calm at rest

Signal lost

Props

text

The text.

string

baseIntensity / hoverIntensity

Jitter at rest and on hover, 0 to 1.

numberdefault 0.15 / 0.5

color

Text color.

stringdefault "var(--pl-fg)"

slice

Slice height (px).

numberdefault 2

Accessibility

  • The text is available to screen readers; the canvas is hidden.
  • Reduced motion draws it clean.
  • Pauses when off screen.