Wavy Text
Infinite text animation with wavy effect.
Let's create a wave effect
Installation
Usage
<TextWavy
delayTime={1}
colors={['rgba(0,0,0,0.5)', 'black', 'rgba(0,0,0,0.5)']}
fontSizes={['16px', '20px', '16px']}
className="uppercase tracking-wider"
text={"Let's create a wave effect"}
/>Props
| Prop | Type | Default |
|---|---|---|
as? | ReactNode | span |
delayTime? | number | 5 |
fontWeights? | array | [400, 600, 400] |
fontSizes? | array | ["12px", "14px", "12px"] |
colors? | array | ["var(--foreground)", "var(--primary)", "var(--foreground)"] |
text | string | undefined |