Text
WaveText
Each character bobs up and down in a continuous sine wave pattern.
Installation
npm install @ai-animate/core
Usage
import { WaveText } from '@ai-animate/core'
<WaveText text="Flowing Motion" charDelay={0.05} />
Props
textstring—Text to animate (required)
charDelaynumber0.05Delay between character wave start in seconds
waveDurationnumber1.2Duration of full wave cycle in seconds
waveHeightnumber12Height of wave motion in pixels
fontSizestringclamp(1.5rem, 3vw, 2.5rem)Font size
colorstring#ffffffText color
fontWeightnumber600Font weight
classNamestringundefinedAdditional CSS class