Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Miscellaneous

Wave Text Effect

— Add-On to

Subscribe to our feed to stay up to date!

New! Follow us as you want it!

Wave Text Effect - CodeCanyon Item for Sale


Ad: Bluehost hosting

Need a waving text? There is no need to use static images any more. This script will help you! Wave Text Effect is a jQuery plugin that creates a “wave effect” out of an HTML header. Most important – waving text will be friendly for search engines, editable, selectable. You can use wave period, amplitude and spacing between the letters to customize your effect. For further styling you can still use style sheets – changing your font type, size, colour, background, etc.
To create the Wave Text Effect, you can also try using other HTML elements (without line breaks), not only headers. Works best with monospace fonts.


  • Wave configuration (amplitude, period and letter spacing).
  • You can use CSS to style your text, change color, fonts, add backgrounds etc.
  • Generated text is still selectable.
  • This transformation is SEO friendly!

Other components in this categoryAll components of this author
CommentsFrequently asked questions and answers


23 December 12

Last Update:

Compatible Browsers:
IE9, Firefox, Safari, Opera, Chrome

Files Included:
JavaScript JS, HTML, CSS

Software Version:


eCommerce, eCommerce, All Items, effect, generator, jquery, plugin, text, transformation, wave