Headline Scramble

A headline that settles from flickering symbols into the real words, one letter at a time. Free.

Layout never moves: every letter keeps its final width while it scrambles, so lines do not wrap, jump or push the page. Each symbol is picked to fit inside the letter it covers, so narrow letters such as i and l stay clean.

Play: In View plays once when the text scrolls into view. On Hover replays on hover or keyboard focus. View + Hover does both. Loop repeats with a gap you set.

Timing: set the total duration, the flicker speed and the order, from strictly left to right to fully random.

Symbols: Symbols, Letters, Binary, Katakana, or your own set.

Style: Framer font controls, text colour, a separate colour for the scrambling symbols, alignment, and the HTML tag (H1, H2, H3, P or Span).

Screen readers always hear the real text. The scrambling symbols are decorative and hidden from them.

Zero dependencies, no network calls. Animation runs only while the text is on screen and stops when it settles. Visitors who ask for reduced motion see the final text straight away. On the canvas it shows the final text.

More type & gallery components: search “KHZ ART” in the Marketplace.