JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/animate.css/3.1.0/animate.min.css">
<h2>Bro<span class="hinger">ken</span></h2>

<span class="hinger">
<h1 class="site__title mega">full header</h1>
</span>

CSS

.hinger{
	display:inline-block;
}

JavaScript

// ANIMATION SCRIPT
$(document).ready(function(){
    var i = 0;
    var n = $('.hinger');
    
    setTimeout(function () {n.addClass('hinge animated'); }, 1000);    
});