CSS Spinners and Loaders - Modular, Customizable and Single HTML Element Code
View on Github Tweet<div class="spin"></div>
<div class="spin primary"></div>
<div class="spin secondary"></div>
<div class="spin info"></div>
<div class="spin success"></div>
<div class="spin danger"></div>
<div class="spin warning"></div>
<div class="spin light"></div>
<div class="spin dark"></div>
<div class="spin-grow"></div>
<div class="spin-grow primary"></div>
<div class="spin-grow secondary"></div>
<div class="spin-grow info"></div>
<div class="spin-grow success"></div>
<div class="spin-grow danger"></div>
<div class="spin-grow warning"></div>
<div class="spin-grow light"></div>
<div class="spin-grow dark"></div>
<div class="spin-round"></div>
<div class="spin-round primary"></div>
<div class="spin-round secondary"></div>
<div class="spin-round info"></div>
<div class="spin-round success"></div>
<div class="spin-round danger"></div>
<div class="spin-round warning"></div>
<div class="spin-round light"></div>
<div class="spin-round dark"></div>
<div class="spin-bubble"></div>
<div class="spin-bubble primary"></div>
<div class="spin-bubble secondary"></div>
<div class="spin-bubble info"></div>
<div class="spin-bubble success"></div>
<div class="spin-bubble danger"></div>
<div class="spin-bubble warning"></div>
<div class="spin-bubble light"></div>
<div class="spin-bubble dark"></div>
<div class="spin-skeleton"></div>
<div class="spin-skeleton primary"></div>
<div class="spin-skeleton secondary"></div>
<div class="spin-skeleton info"></div>
<div class="spin-skeleton success"></div>
<div class="spin-skeleton danger"></div>
<div class="spin-skeleton warning"></div>
<div class="spin-skeleton light"></div>
<div class="spin-skeleton dark"></div>
© Crafted with at Varun Sridharan