Skip to main content
Create smooth, organic transitions between different text strings with morphing animations.

​
Usage

<MorphingText
  :texts="['Hello', 'World', 'Morphing', 'Text']"
  :morphTime="1.5"
  :coolDownTime="0.5"
/>

​
Props

​
texts
string[]
default:"[]"
Array of texts to morph between.
​
class
string
default:""
Additional classes for the container.
​
morphTime
number
default:"1.5"
Animation execution time.
​
coolDownTime
number
default:"0.5"
Animation dwell time.

​
Credits

Build docs developers (and LLMs) love

Get started for freeTalk to us