Split Text
Hello, you!
Customize
Stagger Delay (ms)70
Duration (s)2
Show Completion Toast
Props
| Property | Type | Default | Description |
|---|---|---|---|
tag | string | "p" | HTML tag to render: "h1", "h2", "h3", "h4", "h5", "h6", "p" |
text | string | "" | The text content to animate. |
class | string | "" | Additional class names to style the component. |
delay | number | 100 | Delay between animations for each letter (in ms). |
duration | number | 0.6 | Duration of each letter animation (in seconds). |
ease | string | "power3.out" | GSAP easing function for the animation. |
splitType | string | "chars" | Split type: "chars", "words", or "lines". |
reset | number | string | undefined | Change this value to force the animation to restart. |
Dependencies
gsap