Animations & Motion
Cipher Text
Characters scramble and decode to reveal the final message.
textanimationcipherdecodescramble
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
targetText | string | ENCRYPTED_DATA | Target text to reveal |
backgroundColor | string | bg-zinc-950 | Background color of the component |
textColor | string | text-green-400 | Color of the text |
textSize | string | text-7xl md:text-9xl | Size of the text |
cyclesPerLetter | number | 2 | Number of cycles per letter |
shuffleTime | number | 50 | Time between shuffles in milliseconds |
chars | string | !@#$%^&*():{};|,.<>/? | Characters to use for scrambling |
autoScramble | boolean | true | Whether to auto-scramble on mount |
className | string | Additional CSS classes |