Scramble Text
Characters cycle through random glyphs before resolving back on hover.
Component Showcase
Scramble Text
Characters cycle through random glyphs before resolving back on hover.
GSAPText
Interactive Playground
Adjust sliders and values to preview changes in real-time
text
The text string to scramble and resolve.
speed
Interval duration (milliseconds) between scrambling letter updates.
glyphs
A string of random character glyphs chosen during scramble cycles.
API Reference (Props)
Component properties and type specifications
| Prop | Type | Default | Description |
|---|---|---|---|
| text | string | "SCRAMBLE" | The text string to scramble and resolve. |
| speed | number | 35 | Interval duration (milliseconds) between scrambling letter updates. |
| glyphs | string | "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%" | A string of random character glyphs chosen during scramble cycles. |