Text Scramble

Purpose

TextScramble briefly decodes a short label or heading into its final text. It is a restrained accent for a status word, navigation detail or creative hero label.

Use it sparingly, resolve it in under about 600ms, and use a small character set. Do not use it for body copy, alerts, prices, form labels or anything that must be read while it changes; scrambling becomes noise quickly.

The accessible aria-label is always the final text while the visual child changes. Reduced motion resolves immediately, and timers are cleaned up. Never let the effect determine whether a control is available or understandable.