Skip to main content
Create elegant text generation effects that fade in words sequentially.

​
Usage

<TextGenerateEffect
  words="Your text to generate"
  :duration="0.7"
  :delay="0"
  :filter="true"
/>

​
Props

​
words
string
required
The text to be displayed with the generating effect.
​
duration
number
default:"0.7"
The duration of the text generation animation in seconds.
​
delay
number
default:"0"
The delay before the text generation animation starts in milliseconds.
​
filter
boolean
default:"true"
The blur of the text.

​
Credits

Build docs developers (and LLMs) love

Get started for freeTalk to us