WaveText

Characters bob up and down in sequence, forming a continuous wave; pure CSS and automatically still under reduced motion.

Customize

TextAmplitude (px)6Cycle duration (ms)1200Phase shift (ms)60

Prop	Type	Default	Description
`children`	`string`	—	Text to animate
`amplitude`	`number`	`6`	Wave amplitude in pixels
`speed`	`number`	`1200`	Duration of one bob cycle per character in milliseconds
`stagger`	`number`	`60`	Phase shift between adjacent characters in milliseconds; larger values spread the wave out
`className`	`string`	—	Extra class name