Hyper Text
A text animation that scrambles letters before revealing the final text.
Installation
CLI
Manual
Usage
Props
| Prop | Type | Default | Description |
|---|---|---|---|
children |
string |
- |
Text content to animate |
className |
string |
- |
The class name to be applied to the component |
duration |
number |
800 |
Duration of the animation in milliseconds |
delay |
number |
0 |
Delay before animation starts (in ms) |
as |
`"article" | "div" | "h1" |
startOnView |
boolean |
false |
Start animation when component is in view |
animateOnHover |
boolean |
true |
Enable hover animation |
characterSet |
string[] |
A-Z |
Custom character set for scramble effect |