Text Generate Effect
A cool text effect that fades in text on page load, one by one.
Examples
Two text with different delay
API
| Prop Name | Type | Default | Description |
|---|---|---|---|
words | string | Required | The text to be displayed with the generating effect. |
duration | number | 0.7 | The duration of the text generation animation in seconds. |
delay | number | 0 | The delay before the text generation animation starts in milliseconds. |
filter | boolean | true | The blur of the text. |
Component Code
You can copy and paste the following code to create these components:
TextGenerateEffect.vue
Credits
- Credits to M Atif for porting this component.
- Ported from Aceternity UI's Text Generate Effect.