JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://daneden.github.io/animate.css/animate.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<div class="container animated bounceIn">
  <button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-sm">Small modal</button>
  <div class="modal animated bounceIn fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
    <div class="modal-dialog modal-sm">
      <div class="modal-content">
        dsadsada
      </div>
    </div>
  </div>
</div>

CSS

.animated{
  animation-fill-mode:unset!important;
  -webkit-animation-fill-mode:unset!important;
  -moz-animation-fill-mode:unset!important;
  -ms-animation-fill-mode:unset!important;
  -o-animation-fill-mode:unset!important;
}