Scrambled Text
PRO
Advanced component that provides text scrambling animation with random characters. With hover, click triggers and customizable character sets.
Pro Features
Unlock advanced capabilities with the Pro version
Scrambling Animation
Impressive text scrambling effect with random characters
Customizable Speed
Full control over animation speed and duration
Multiple Triggers
Control with auto, hover or click triggers
Character Set
Customize the characters to be used
Timing Control
Adjust duration and repeat intervals
Repeat Mode
Create continuously repeating animations
Installation
Install via CLI
npx moonui-cli@latest add scrambled-textUsage
Pro Required
This text is being scrambled!
Examples
Auto Start
PRO
Animation that starts automatically when page loads
Pro Required
Auto animation!
Hover Trigger
PRO
Animation that starts when mouse hovers over
Pro Required
Hover me!
Click Trigger
PRO
Animation that starts when clicked
Pro Required
Click me!
Repeating Animation
PRO
Continuously repeating scrambling effect
Pro Required
Continuous repeat!
Custom Character Set
PRO
Scrambling with numbers only
Pro Required
1234567890
Fast Effect
PRO
Very fast scrambling animation
Pro Required
Fast!