All effects
TextClient component

Text Scramble

A decoding text animation that resolves random glyphs into an accessible final message.

Hover to replay the decode

Effect style
Hover to replay

Usage

tsx
import { TextScramble } from "@/components/effects/text-scramble"

export function Demo() {
  return <TextScramble text="SYSTEM ONLINE" />
}