Scrambled Text
Interactive text scrambling effect on mouse proximity.
Move your mouse over this text to scramble it!
Usage
import ScrambledText from '@/components/bynanaui/scrambled-text'
<ScrambledText
radius={100}
duration={1.2}
speed={0.5}
scrambleChars=".:!@#$%^&*()"
className="text-2xl font-mono"
>
Move your mouse over this text to scramble it!
</ScrambledText>Props
| Prop | Type | Default | Description |
|---|---|---|---|
radius | number | 100 | Mouse proximity radius |
duration | number | 1.2 | Animation duration |
speed | number | 0.5 | Scramble speed |
scrambleChars | string | - | Characters to use for scrambling |
className | string | - | Additional CSS classes |
children | ReactNode | - | Text content |