Text Stagger Inview
Splitted text animation with staggered reveal animation triggered by view, You can easily customize by controlling the animation property (transform, opacity, blur) and the stagger value, and the transition.
Loading...
Installation
Usage
<TextStaggerInview
animation={'blur'}
className="overflow-hidden text-4xl tracking-tight font-bold"
stagger={0.03}
>
Stagger Text Inview Demo
</TextStaggerInview>Waves Example
Loading...
Props
| Prop | Type | Default |
|---|---|---|
as? | ReactNode | span |
animation? | left | right | top | bottom | z | blur | default; | default |
staggerStart? | first | center | last | number | first |
staggerValue? | number | 0.02 |