Morphing Text

This MorphingText component dynamically transitions between an array of text strings, creating a smooth, engaging visual effect.

API

Prop Name	Type	Default	Description
`texts`	`string[]`	`[]`	Array of texts to morph between.
`class`	`string`	`""`	Additional classes for the container.
`morphTime`	`number`	`1.5`	Animation execution time.
`coolDownTime`	`number`	`0.5`	Animation dwell time.

You can copy and paste the following code to create these components:

MorphingText.vue

On This Page