Scramble text for Framer: a headline that resolves character by character out of noise.
Trigger on scroll into view, on hover, on load, or on a repeating interval. Charset presets for letters, symbols, binary and katakana, or your own string. Scramble speed, stagger between characters, total duration and replay on re-entry are controls, and spaces and punctuation can be held steady so the shape of the sentence is readable while it decodes. The characters still resolving take their own colour, and there is an optional blinking cursor block.
The reason to pay for this one: it does not reflow. The final text's box is reserved before the animation starts, so nothing around it moves while it runs. That is what makes it usable in a real hero rather than only in a demo. Multiple lines are supported and line breaks are preserved.
After purchase you receive the component URL. In Framer, press Insert, choose Add Component URL, and paste it.
Licence: yours to use on your own sites and on client sites, commercially, with no attribution. Not for resale or redistribution: do not share the component URL, and do not publish the component or its code anywhere, paid or free. Full terms arrive with your purchase. Questions: me@majedesigns.dev
Scramble text for Framer: a headline that resolves character by character out of noise.
Trigger on scroll into view, on hover, on load, or on a repeating interval. Charset presets for letters, symbols, binary and katakana, or your own string. Scramble speed, stagger between characters, total duration and replay on re-entry are controls, and spaces and punctuation can be held steady so the shape of the sentence is readable while it decodes. The characters still resolving take their own colour, and there is an optional blinking cursor block.
The reason to pay for this one: it does not reflow. The final text's box is reserved before the animation starts, so nothing around it moves while it runs. That is what makes it usable in a real hero rather than only in a demo. Multiple lines are supported and line breaks are preserved.
After purchase you receive the component URL. In Framer, press Insert, choose Add Component URL, and paste it.
Licence: yours to use on your own sites and on client sites, commercially, with no attribution. Not for resale or redistribution: do not share the component URL, and do not publish the component or its code anywhere, paid or free. Full terms arrive with your purchase. Questions: me@majedesigns.dev
