JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
<div class="balls" style="width:20px; height:20px; border-radius:50%; border:solid 2px #09F; padding:10px; display:inline-block; margin:2px;">Hello</div>

<div class="balls" style="width:20px; height:20px; border-radius:50%; border:solid 2px #09F; padding:10px; display:inline-block; margin:2px;">Hello</div>


<div class="balls" style="width:20px; height:20px; border-radius:50%; border:solid 2px #09F; padding:10px; display:inline-block; margin:2px;">Hello</div>


<div class="balls" style="width:20px; height:20px; border-radius:50%; border:solid 2px #09F; padding:10px; display:inline-block; margin:2px;">Hello</div>

JavaScript

$( document ).ready(function() {
$(".balls").effect( 'bounce', { times: 3 }, 'slow');
});