Burning Words


The script allows to create an effect of burning text with an ability to customize colors, font, burning speed and other parameters.

It uses canvas element that is a part of HTML5 specification. The element is currently supported by the latest versions of Mozilla Firefox, Google Chrome, Safari, and Opera. It is not natively implemented by Internet Explorer as of version 8.




  1. Download the latest version of the library from GitHub, unzip and upload the files into a folder on your server, for example /lib/burning-words.
  2. Copy the code below and paste it into your HTML page.

    <script type="text/javascript" src="/lib/burning-words/burning-words.min.js"></script>

    If you have uploaded files into the folder other than /lib/burning-words, please modify the code above accordingly.

  3. Copy the code below and paste it into your HTML page, where you want to have the text displayed.

    <script type="text/javascript">
    BurningWords("Hot Deals", {
       "text_color" : "FFFFCC",
       "font" : "Times New Roman",
       "font_size" : 30,
       "bg_color" : "EEEEEE",
       "bg_alpha" : 100,
       "speed" : "normal"


burning-words.js on GitHub


Michael Ryvkin,


GNU Lesser General Public License, www.gnu.org/licenses/lgpl.html


  • jscolor is a simple and user-friendly color picker for your web forms designed by Jan Odvárko.