Skip to main content
Create dynamic text that scrambles and reforms on hover with smooth transitions.

​
Usage

<HyperText
  text="Hover me!"
  :duration="0.8"
  :animateOnLoad="true"
/>

​
Props

​
class
string
default:""
Additional CSS classes to apply to the component.
​
text
string
required
Text to animate.
​
duration
number
default:"0.8"
The total duration (in seconds) for the entire animation.
​
animateOnLoad
boolean
default:"true"
Play animation on load.

​
Credits

Build docs developers (and LLMs) love

Get started for freeTalk to us