Scramble Trigger

Scramble text on hover & click

A text component that decodes itself on hover and click, adding a satisfying layer of motion to any headline, button, or link. ScrambleHover animates your text by rapidly cycling through random characters before settling into the real word or sentence, like a terminal decrypting a message. Triggered on hover and on click, it gives users tactile, responsive feedback that makes interfaces feel alive without being distracting. Key Features Dual trigger — Scrambles on hover, and again on click, so it responds naturally to how users actually interact Customizable character set — Choose symbols, letters, or numbers used during the scramble Adjustable speed & duration — Control how fast the scramble cycles and how long it takes to resolve Works with any text — Headlines, nav links, buttons, or body copy Lightweight & performant — No layout shift, smooth animation, optimized for Framer canvas and live sites No-code friendly — Just drop it in, connect your text, adjust settings from the properties panel. Ideal for Portfolio sites, agency landing pages, editorial or experimental layouts.

Scramble text on hover & click