LoftLoader jQuery - Create a Stunning Loading Screen

LoftLoader jQuery - Create a Stunning Loading Screen

Cart 148 sales

Please note

We stop providing support for LoftLoader jQuery from December 1st, 2017. But if you have a valid and not expired support license then you can still get our support service. Please read this article to know more details.

WordPress version is also available.

This is a jQuery version so it requires you have some JavaScript knowledge and experience to use the item.

For WordPress users, we don’t recommend using the jQuery version of LoftLoader on a WordPress site. LoftLoader Pro for WordPress is easy and intuitive to use, with instant preview while customizing your loading screen. But with jQuery version you will need to deploy the code and write code to customise your loading screen.

Please also note: some new features (such as Random Messages) added in the WordPress version have not beed added to the jQuery version yet. We will add them in future updates of the jQuery version.

LoftLoader jQuery

LoftLoader jQuery is a small but powerful plugin to add fun and unique preloader animation to any website.


New feature – Background Image – Repeating Pattern

New feature – Full Background Image

Gradient background color

Static custom image without any animation.

Easy to use. No complex code are needed.

Unlimited colors to fit your brand.

Stay sharp, high quality, and super fast. Built with pure CSS3 animations.

Support different types of background: solid color, gradient color, full background image and repeatable pattern.

Add animation to custom images. Loading, rotating, bouncing and rolling. Make every bit of your site enjoyable and memorable.

Beautiful on any devices. We have tested LoftLoader on desktop and mobile devices. Working perfectly on modern browsers.

Flexible and controllable. Loader animation, progress bar, or counting percentage, choose any one, or mix.

Device control: hide the loading screen on mobile, or only show on mobile, or show on all devices.

Made with HTML5 and CSS3. Lightweight, trending and modern. SCSS files are included.

Very detailed and clear documentation, everything you need to know about LoftLoader is in it.

We are always improving our products. You are getting lifetime free updates.

Add more user-friendly effects, and impress the visitors from the first sight.

Pre-sale Questions

If you are not sure whether the script has a specific feature you need, please check our Online Documentation, browse demos, read item description on this page. If you can’t find an answer, please leave a comment.

About Support

If you encounter any issue while using the item, please go to the Support Tab.


Version 1.0.7 - November 28, 2018
* New: Can display a close button and set when to display it
* New: Disable page scrolling while loading
* New: Background Image can choose “cover” or “contain” as the full background image size
* New: 2 new Ending Animations: Split Diagonally - Vertically, Split Diagonally - Horizontally
* New: Loader Animation - Incomplete Ring
* New: Custom Image Loading Vertically - Animation can goes from Top to Bottom
* New: Custom Image Rotating - the preloader can spin counterclockwise (for 2D rotation)
* New: Can change custom loader image’s max width for responsive design
* New: Can choose entrance animation (None / Fade In / Slide Up) for inner elements such as the loader, progress and message
* New: Can choose exit animation (Fade Out / Slide Up) for inner elements such as the loader, progress and message
* Fixed: Custom Image Loading - image moves while loading
* Updated: Documentation

Version 1.0.6 - November 30, 2017
* New: Once Per Session - so you can display the pre-loader once only when a visitor first visits your site (it could be any page), or, display the pre-loader once only on a page when a visitor first visits that page. 
* Updated: Documentation

Version 1.0.5 - August 25th, 2017
* New: More example HTML files included 
* Fixed: Removed empty <img /> tag for loader “Drawing Frame” 
* Fixed: Split background image issue on FireFox 
* Fixed: Back/forward button issue for Safari when Smooth Page Transition feature enabled 
* Updated: Documentation

Version 1.0.4 - June 25th, 2017
* New: 2 Ending Animations: Split & Reveal Vertically, Split & Reveal Horizontally 
* New: 2 Loader Animations: Beating, Custom Image Fading 
* New: A new option for Crossing Circles: Blend Mode None 
* New: Progress Animation: Bar + Number. 
* Fixed: Minor bugs of Page smooth transition for IE11 - a tag with href "#" only 
* Fixed: Other CSS issues

Version 1.0.3 - April 11th, 2017
* Fixed: Smooth Page Transition has been disabled on all links when adding option exclude_elements

Version 1.0.2 - March 13th, 2017
* New: Ending Animation: Shrink & Fade 
* New: Support Background Image 
* New: Option ‘Speed Curve’ for Custom Image Rotating 
* New: Drawing Frame: Frame Size & Border Width 
* New: Smooth Page Transition 
* New: Message Position 
* Improved: Add CSS to prevent site content from being hidden by other plugins before their code get fully loaded. 
* Improved: Move the .loftloader call to right after HTML tag 
* Improved: Render HTML and generate CSS in function(), and call the percentage calculation in document.ready() 
* Improved: PDF documentation changed to HTML file. Easier to get to sub sections to find information.

No version number change - November 7th, 2016
* Fixed: Minor bugs of the loader Waterfilling

Version 1.0.1 - October 6th, 2016
* New: Gradient Background 
* New: Custom Static Image as Loader 
* New: Devices Control 
* Fixed: Minor bugs of the loader Wave/Crossing Circles/Petals 
* Improvement: Remove loft loader wrapper from html after loaded

Version 1.0.0 - September 17th, 2016
* Initial Public Release.

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey