Search Over 30,000 FREE Plugins from the Official WordPress Plugin Directory Repository


An easy to use plugin to add an animated preloader to your website with fully customisations.

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

  • 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.
  • Live preview while setting.
  • Responsive & retina ready.
  • Option to enable/disable the preloader.
  • Option to enable preloader on site homepage only.
  • Ready for translation (.pot file included).

Pro Version

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

  • Enhanced settings panel with WordPress Customizer.
  • Handpick - Turn the preloader on for specific pages or posts.
  • 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 & 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.
  • Light weight, fast. Coded with SASS. JS minified.
  • Purchase once, free lifetime update with new features.

Check some demos created by pro version.

Author Loft Ocean
Contributors loftocean
Tags animated preloader, css3 preloader, customize, load, loader, page preloader, prelader spinner, preloader, preloader with custom logo
  1. loftloader screenshot 1

    LoftLoader settings page

  2. loftloader screenshot 2

    LoftLoader background settings

  3. loftloader screenshot 3

    LoftLoader animation settings

  4. loftloader screenshot 4

    LoftLoader live preview

  5. loftloader screenshot 5

    Pro version: Settings Panel

  6. loftloader screenshot 6

    Pro version: Custom Image Loading

  7. loftloader screenshot 7

    Pro version: Gradient Background

  8. loftloader screenshot 8

    Pro version: Load Time & Device Control

  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, check the settings there.


  • Initial Public Release


  • Add support for site homepage only


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

No changes on activation/deactivation

  • If you have installed any caching plugins then clear the cache.
Version 1.0.2

Requires WordPress version: 4.3 or higher

Compatible up to: 4.6.3

Last Updated 15 Oct 2016

Date Added: 01 Mar 2016

Plugin Homepage


5 stars
3 ratings


Not Enough Data

Works: 0
Broken: 0