Blur Text
Hello Shoora UI
Customize Animation
Duration: 0.8s0.8s
Delay: 0.05s0.05s
Props
| Property | Type | Default | Description |
|---|---|---|---|
| text | string | "" | The text content to animate |
| 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 |
| splitType | string | "chars" | Split type ("chars", "words", "lines", or "words, chars") |
| from | object | { opacity: 0, y: 40 } | Initial GSAP properties |
| to | object | { opacity: 1, y: 0 } | Target GSAP properties |
| threshold | number | 0.1 | Intersection threshold for ScrollTrigger |
Dependencies
gsap@gsap/react
Created with ❤️ by Cybershoora