LoftLoader jQuery - Create a Stunning Loading Screen

LoftLoader jQuery - Create a Stunning Loading Screen

WordPress version is also available.

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


New feature – Background Image – Repeating Pattern

Background Pattern

New feature – Full Background Image

Full Background Image

Gradient background color

Gradient Background

Static custom image without any animation.

Custom Static Image & Gradient Background

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.

Any Problem?

Please feel free to contact us if you encounter any issue. When you need our support, or would love to report a bug, or request new features, or want to ask any question, please:


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.