This template comes with Spinkit included and prepared for you. Spinkit are simple loading spinners animated with CSS.

SpinKit uses hardware accelerated (translate and opacity) CSS animations to create smooth and easily customizable animations.

Read more about this great plugin at its Repository home.

Show code sample

"use strict";

document.addEventListener("DOMContentLoaded", function () {
    function hidePreloader() {
        var preloader = document.querySelector(".spinner-wrapper");
        preloader.classList.add("opacity-0");
    }

    setTimeout(function () {
        hidePreloader();
    }, 2000);
});
Rotating Plane
Double Bounce
Wave
Wandering cubes
Pulse
Chasing dots
Three bounce
Circle
Fading circle
Folding circle