Text Scramble Pro

Features

• →Scramble reveal animation — characters decrypt from scrambled noise into readable text, frame by frame at 60fps
• →3 reveal modes — Left → Right, Right → Left or Random order for each phrase reveal
• →Scramble out — text re-scrambles back into noise before cycling to the next phrase for a seamless loop
• →Multiple phrases — add any number of phrases and they cycle automatically in sequence
• →Scroll trigger — animation fires only when the component enters the viewport
• →Loop / Play Once — loop all phrases continuously or play through the list once and hold the last phrase
• →Cursor blink — a blinking terminal cursor appears at the end of the text
• →Demo mode — switch Reveal Mode, Loop and Text Color live from a floating interactive panel
• →Responsive scaling — font size adjusts automatically so text never overflows its container
• →Fade-in on mount with adjustable duration
• →Full typography control — font family, size, weight and letter spacing
• →Works out of the box — 3 Matrix-inspired phrases with green-on-dark defaults included

Use Cases

• →Hero sections — set the tone above the fold with a cinematic text reveal
• →Agency & portfolio sites — make your headline impossible to scroll past
• →Tech & SaaS landing pages — reinforce a modern, code-native brand identity
• →Onboarding screens — guide users through key messages one phrase at a time
• →Digital art & experimental sites — use the scramble effect as a visual statement
• →Presentations & prototypes — Demo Mode lets you switch styles live in front of a client