Language Scramble
Text scramble on language switch. Use your own custom button.
+
Setup
1
Add a second locale. Site Settings → Localization → add your language. The component does nothing with one locale.
2
Localize your text. Enter values for the second locale (or use Framer's AI translate). Text you leave identical won't animate. That's intentional.
3
Add the overrides code file. Copy the link → paste LanguageScrambleOverrides into your project (included with the component).
4
Mark the content to animate. Select your page's content frame, or several frames, and apply the withScramble code override to each (properties panel → Code Overrides → pick the file → withScramble). Only marked frames animate; everything else is left alone.
5
Design your switch button. Any frame, any style. Give it no Link and no Tap interaction.
6
Drop Language Scramble inside it. Position absolute, pinned to all four edges. The dashed guide shows only on canvas.
7
Pick a style and duration in the properties panel. Done.
