Hit enter to searchOverlay or ESC to close


Preload spinner.

Circular Preloader Small
Circular Preloader Medium
Circular Preloader Large
Circular Flashing Colors


With this proloader element template is also using Nprogress bar. You can see demo on page load.

Nprogress Docs

Disable Preloader

Remove 'has-preloader' class from body tag to disable preloader.

Code Example

<div class="preloader-wrapper small active">
   <div class="spinner-layer spinner-blue-only">
      <div class="circle-clipper left">
         <div class="circle"></div>
      <div class="gap-patch">
         <div class="circle"></div>
      <div class="circle-clipper right">
         <div class="circle"></div>