LOADER

Swavy UI loader is used to show loading ptogress in a webpage

LOADER GLOW

                    
    <div class="sw_loader sw_loader-small sw_loader-glow bg-poppy_red"></div>
    <div class="sw_loader sw_loader-glow bg-mint"></div>
    <div class="sw_loader sw_loader-large sw_loader-glow bg-salmon"></div>
    <div class="sw_loader sw_loader-larger sw_loader-glow bg-ocean_dream"></div>

                

LOADER BORDER

                    
    <div class="sw_loader sw_loader-small sw_loader-border br-blue"></div>
    <div class="sw_loader sw_loader-border br-seagull"></div>
    <div class="sw_loader sw_loader-large sw_loader-border br-amber"></div>
    <div class="sw_loader sw_loader-larger sw_loader-border br-white_amber"></div>

                

LOADER SPIN

                    
    <div class="sw_loader sw_loader-small sw_loader-spin brl-dark_slategray"></div>
    <div class="sw_loader sw_loader-spin brl-dodgerblue"></div>
    <div class="sw_loader sw_loader-large sw_loader-spin brl-blue_purple"></div>
    <div class="sw_loader sw_loader-larger sw_loader-spin brl-amber_brown"></div>

                

LOADER IN BUTTONS

                    
<button class="sw_btn">
    <span class="sw_loader sw_loader-glow bg-light_green"></span>
</button>

<button class="sw_btn bg-blue_violet sw_rsq-1 st-seashell">
    <span class="sw_loader sw_loader-small sw_loader-border br-seashell"></span>
     loading...
</button>

<button class="sw_btn sw_btn-large bg-hurricane sw_rsq-1 st-khaki">
    <span class="sw_loader sw_loader-spin brl-khaki"></span>
     processing...
</button>