JSFiddle - React, Tailwind, and code Playground
HTML
<h1 class="heading">MAKE BIG <span id="flipper">IMPRESSION</span></h1>
JavaScript
(function() {
// Flipper Slider
var flipperContent = ['DECISION','MISTAKES','INVENTIONS'];
var index = 0;
function flipperSlider(){
$('#flipper').html(flipperContent[index++]);
index = index === flipperContent.length ? 0 : index;
}
setInterval(flipperSlider,1000);
}());