JSFiddle - React, Tailwind, and code Playground

HTML

<div class="spinner"></div>

CSS

.spinner {
    width: 100px;
    height: 100px;
    border: 50px solid blue;
    /*border-top-color: #fff;
    border-bottom-color: #fff;*/ /* commented out to see the wobble better */
    border-radius: 50%;
    overflow: hidden;
    
    animation: application-loading-rotate 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes application-loading-rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}