JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.1/angular-sanitize.js"></script>
<div ng-app="myApp" ng-controller="dummy">
<script type="text/ng-template" id="spinner.html">
    <div class="spinner">
      <div class="bounce1 spinner-bounce">1</div>
      <div class="bounce2 spinner-bounce">2</div>
      <div class="bounce3 spinner-bounce">3</div>
      <div class="bounce4 spinner-bounce">4</div>
      <div class="bounce5 spinner-bounce">5</div>
    </div>
  </script>
    <div spinner></div>
</div>

JavaScript

angular.module('myApp', ['ngSanitize'])
    .controller('dummy', ['$scope', function ($scope) {
    
    

}]).directive('spinner', function ($window) {
    return {
        restrict: 'A',
        templateUrl: 'spinner.html'
    };
});