Best jQuery Preloader Plugins & Tutorials with Demo

    Page Preloaders – jQuery Plugin with Preload Animations

    September 17, 2018 | Plugins, Premium
    Page Preloaders - jQuery Plugin with Preload Animations

    This jQuery plugin allows you to add Animation or Logo Preloader to your website’s pages. Preloaders display the loading animation, while the content of your web page is being loaded and they can be a great way to make the waiting a bit less boring for the website visitor.

    Features:

    • Display the Preload Animation or your own Logo
    • 11 Preload Animations to Choose
    • Set the Minimum Display Time, to Prevent the Preloader from Disappearing too Fast
    • Customize Size, Colors, Background, Opacity, etc.
    • Plugin Works with Desktop Computers, Tablets and Phones
    Read More Demo

    Text-Spinners : Pure CSS Inline Loading Indicators

    October 4, 2016 | Animation, CSS2 / CSS3.0
    Text-Spinners : Pure CSS Inline Loading Indicators

    Pure text, CSS only, font independent, inline loading indicators.

    Read More Demo

    nPageLoader : jQuery Preloader Plugin

    September 5, 2016 | Plugins
    nPageLoader : jQuery Preloader Plugin

    Created to implement the Progress page loading easier.Load the image for obtaining the speed check internet speed.Progress must implement a page to load , based on the amount of that speed.

    Read More Demo

    Prelodr : Preloader inspired in Google Inbox

    June 20, 2016 | Animation, Core Java Script, CSS2 / CSS3.0
    Prelodr : Preloader inspired in Google Inbox

    A simple Material preloader with javascript inspired in Google Inbox.

    Read More Demo

    CircletPreloader jQuery Plugin

    November 14, 2015 | HTML5, Plugins
    CircletPreloader jQuery Plugin

    CircletPreloader is a small jQuery plugin that for as circular loading animations show depict the state of charge of various HTML DOM elements as a percentage.
    The aim was to get along with as few KB, while flexibility as regards the possibilities for the representation of the loading animations. The minifie JavaScript file is only 2, 74 KB hard and needs no other and / or external JavaScript libraries. One can CircletPreloader even without jQuery use and is therefore completely independent. Using various parameters can be the loading animations individualize a large scale.

    Read More Demo

    Circular HTML5 Preloader

    October 5, 2015 | HTML5, Premium
    Circular HTML5 Preloader

    A clever preload will make the difference between an ordinary user experience and a smooth ride into your content. Enhance your project with Circular HTML5 Preloader. It’s completely rendered and animated in SVG with a small footprint.

    • 3 Different Draw Methods
    • Smooth SVG Animations
    • Autoload function
    • Optional Percentage
    • Cache busting
    • Over 30 Options
    • Customizable CSS3 Transitions
    • SVG Glow Filter Effect
    • Javascript Callbacks
    Read More Demo

    PleaseWait.js : JavaScript beautiful Splash page Library

    September 11, 2015 | Animation, Core Java Script
    PleaseWait.js : JavaScript beautiful Splash page Library

    A simple library to show your users a beautiful splash page while your application loads.

    Read More Demo

    jQuery LoadingOverlay

    May 25, 2015 | Plugins
    jQuery LoadingOverlay

    A flexible loading overlay jQuery plugin.

    • Shows a loading overlay on the whole page or over single DOM elements
    • Tracks a “counter” (or a queue) to allow multiple calls on single target
    • Can auto resize according to its container (very useful if used over a DOM element being filled meanwhile)
    • Completely configurable
    • No external CSS, small footprint
    Read More Demo

    Loaders.css : Pure CSS Loading Animations

    April 4, 2015 | Animation, CSS2 / CSS3.0
    Loaders.css : Pure CSS Loading Animations

    A collection of loading animations written entirely in css. Each animation is limited to a small subset of css properties in order to avoid expensive painting and layout calculations.

    Read More Demo

    30 CSS Page Preload Animations

    March 28, 2015 | Animation, CSS2 / CSS3.0
    30 CSS Page Preload Animations

    30 CSS page preload animations that used only CSS for the animation, jQuery was used just to hide the animation. You can hide the loading screen just by clicking anywhere on the screen.

    Those animations are best suited for content that takes some time to load like an image gallery.

    Read More Demo