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
- Enhanced settings panel with WordPress Customizer.
- Pure CSS3 animation. Works in any modern browser.
- ۴ ending animation effects.
- ۶ 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.
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.
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 or as an external .css file.
- Purchase once, free lifetime update with new features.
Check some examples created by pro version.