Typewriter-style Text Rotator with Vanilla JavaScript – TWReplace.js

Preview:

Description:

TWReplace.js is a Vanilla JavaScript plugin that rotates an array of text strings with typewriter-style typing and deleting effects.

How to use it:

Load the core JavaScript file TWReplace.js anywhere in the html document.

<script src="dist/twreplace.min.js"></script>

Wrap an array of text strings you want to rotate through using data-twreplace attributes.

<span data-twreplace='["dog", "cat", "cow"]'>elephant</span>

Change the animation speed.

<span data-twreplace-charspeed="75" 
      data-twreplace-wordspeed="3000"
      data-twreplace='["dog", "cat", "cow"]'>
      elephant
</span>