Text Animations

True Focus

One word is sharp inside a bracket frame while the rest blur. The focus walks along the sentence, or follows the pointer.
import { TrueFocus } from "pleate/effects/true-focus";

Timed and manual

Plan Pack Travel Return

Hover any word

Props

text

Words separated by spaces.

string

manual

Follow the pointer instead of a timer.

booleandefault false

blur

Blur of the other words (px).

numberdefault 5

interval / duration

Seconds per word and per move.

numberdefault 1.4 / 0.45

color

Frame color.

stringdefault accent

Accessibility

  • The sentence is read once as plain text.
  • Reduced motion shows every word sharp, with no frame.