Text Animations

Tech Text

A heads-up readout: monospace text types on behind a block cursor, the newest letters still decoding, inside bracket corners with a passing scanline.
import { TechText } from "pleate/effects/tech-text";

Framed and bare

SYSTEM ONLINE // ALL CHECKS PASSED
Uplink 4 of 4 ready

Props

text

The text.

string

speed

Milliseconds per character.

numberdefault 40

decode

Newest characters still scrambled.

numberdefault 3

cursor

Keep the cursor blinking after typing.

booleandefault true

frame

Bracket corners and scanline.

booleandefault true

color

Corners, cursor and scanline.

stringdefault accent

Accessibility

  • Screen readers get the full text once, not the typing.
  • Space for the full text is reserved, so nothing jumps.
  • Reduced motion shows the final text without scanline or blink.