Small and powerful. LoftLoader helps you to add a beautiful animated preloader to your website, and have full control of its look, without writing any code.

Features & Options

  • Enhanced settings panel with WordPress Customizer.
  • Pure CSS3 animation. Works in any modern browser.
  • 4 ending animation effects.
  • 6 loading animation effects. 2 of them support custom image.
  • Unlimited background color. Also can change the opacity.
  • Unlimited loader color.
  • Can add different loaders for different pages on one site (New feature since v2.0).
  • Responsive & retina ready.
  • Option to enable/disable the preloader.
  • Option to enable preloader on site homepage only.
  • Ready for translation (.pot file included).
  • Light weight, fast. Coded with SASS. CSS & JS minified.

Online Documentation

To know how to use the plugin, please click the link to check online documentation. It’s the documentation of Pro version. But you can still find Lite version features details in it.

Pro Version

LoftLoader Pro is available. Upgrade to pro version and get more stunning features!

  • Handpick – Turn the preloader on for specific pages or posts.
  • Hide the preloader for picked post types – products, portfolios, etc.
  • Option to display the preloader once per visitor session.
  • Support gradient background color, full background image, and repeating background pattern.
  • More ending animations.
  • Loader – 16 types of animations to choose. 5 of them support custom images.
  • Looping – Animation can be set to looping forever, or just once (ends after page has loaded).
  • Progress – Progress bar or counting percentage. Any color. Position & size control.
  • Message – Enter your custom welcome or loading message to display. Control color, position & font size.
  • Load Time – Set a minimum load time to prevent the pre-loader from disappearing too fast.
  • Device Control – Choose to show the loading screen on all devices, or hide on mobile, or show on mobile only.
  • Option to enable smooth page transition effect. Check the example.
  • Choose to save customize styles as inline styles in


header> or as an external .css file.
* Purchase once, free lifetime update with new features.

Check some examples created by pro version.


  • LoftLoader settings panel
  • LoftLoader background settings
  • LoftLoader loader settings
  • Pro version: Settings Panel
  • Pro version: Custom Image Loading
  • Pro version: Gradient Background
  • Pro version: Background Image
  • Pro version: Load Time, Device Control & Smooth Page Transition


  1. Install the plugin either via the plugin directory, or by uploading the files to your server (in the /wp-content/plugins/ directory).
  2. Activate the LoftLoader plugin through the ‘Plugins’ menu in WordPress.
  3. In the WordPress administration screen, go to Settings > LoftLoader Lite, check the settings there.


No changes on activation/deactivation
  • If you have installed any caching plugins then clear the cache.


Work great (Funciona muy bien)

I’ve installed it into my site and it works perfectly.
I have the 4.5.2 WordPress version and it’s working well.
Nice plugin, thanks guys πŸ™‚
Lo he instalado en mi sitio y funciona de maravilla, y es compatible con mi version de WordPress 4.5.2 y trabaja bien.
Buen trabajo gracias πŸ˜€

Nice Preloader!

Wow, this is nice. Symbol, color and exit options.

Thanks for developing this plugin.

Read all 3 reviews

Contributors & Developers

“LoftLoader” is open source software. The following people have contributed to this plugin.




  • Changed: Rewrite the framework, move all settings to wp customize
  • Added: Any page extension


  • Fixed: Load before anything bug
  • Fixed: Wave animation minor bug
  • Added: Pro version link on settings page


  • Add support for site homepage only


  • Initial Public Release