Free tool · SVG
Wavy Text Generator
Enter text, adjust the wave, color, and speed, then copy the generated HTML. Include the text-path script when integrating the effect. No signup required.
Wavy text configurator
HTML code
Build a text effect with a readable fallback
Change the text, wave shape, spacing, and movement, then preview the result. Copy the generated HTML and include the referenced script in your project. Keep the reduced-motion behavior and provide a readable alternative when the effect conveys essential information.
Does the generated HTML work on its own?
The effect needs the referenced text-path JavaScript. Keep that script available at the path used by your page, or update the reference when integrating it.