JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://rawgit.com/chrisma/birdman.js/gh-pages/birdman.js"></script>
<h2>Words Demo</h2>
<p id="wordsdemo">Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet</p>
<h2>Lines Demo</h2>
<p id="linesdemo">Lorem ipsum <br/>dolor sit amet <br/>Lorem ipsum dolor <br/>sit amet <br/>Lorem ipsum </p>
CSS
span[class*=" lines"] { display:block; }
JavaScript
var birdmanConfigWords = {
speedUp:false,
method: 'words',
order: ['Lorem','dolor', 'ipsum', 'amet', 'sit'],
delay: 1000
};
var birdmanConfigLines = {
speedUp:false,
method: 'lines',
order: ['dolor sit amet ', 'Lorem ipsum ', 'sit amet ', 'Lorem ipsum dolor '],
delay: 1000
};
$('#wordsdemo').birdman(birdmanConfigWords);
$('#linesdemo').birdman(birdmanConfigLines);