Title: DWL Preloader Author: Gazi Mohammad Yeasin Published: September 3, 2014 Last modified: April 3, 2026 --- Search plugins ![](https://ps.w.org/dwl-preloader/assets/banner-772x250.png?rev=1319775) ![](https://ps.w.org/dwl-preloader/assets/icon-128x128.png?rev=2664042) # DWL Preloader By [Gazi Mohammad Yeasin](https://profiles.wordpress.org/yeasin62/) [Download](https://downloads.wordpress.org/plugin/dwl-preloader.3.0.zip) * [Details](https://kal.wordpress.org/plugins/dwl-preloader/#description) * [Reviews](https://kal.wordpress.org/plugins/dwl-preloader/#reviews) * [Installation](https://kal.wordpress.org/plugins/dwl-preloader/#installation) * [Development](https://kal.wordpress.org/plugins/dwl-preloader/#developers) [Support](https://wordpress.org/support/plugin/dwl-preloader/) ## Description **DWL Preloader** displays an animated loading screen while your WordPress site loads. It comes with **10 unique SVG-based preloader animations** that you can preview and select directly from the WordPress admin panel. Whether you want a sleek spinner, bouncing dots, a heartbeat line, or a morphing blob — DWL Preloader has something for every website style. #### ✨ Key Features * **10 Unique Preloader Styles** — All built with pure SVG animations, no external libraries needed. * **Live Preview in Admin** — Click any preloader style in the admin panel and see it animate in real time before saving. * **Background Color Picker** — Choose any background color for the preloader overlay to match your brand. * **Enable / Disable Toggle** — Instantly enable or disable the preloader from the settings panel without deactivating the plugin. * **Lightweight & Fast** — Pure SVG animations with no dependencies. No GIF files, no heavy JavaScript. * **Auto-dismiss** — The preloader fades out smoothly after the page finishes loading. * **Theme Compatible** — Works with any WordPress theme. Supports `wp_body_open` hook with a `wp_footer` fallback for maximum compatibility. * **No Shortcodes Needed** — Just install, activate, configure, and it works automatically on every page. * **Settings Saved Instantly** — All settings are stored in the WordPress options table and applied site-wide. #### 🎨 Preloader Styles 1. **Triple Ring** — Three concentric rings spinning in opposite directions with different speeds and colors. 2. **Bouncing Dots** — Four colorful dots bouncing in a rhythmic wave pattern. 3. **Ripple Pulse** — A pulsing dot with three expanding ripple rings that fade out. 4. **Wave Bars** — Five vertical bars animating like an audio equalizer wave. 5. **Orbit Dots** — Colored dots orbiting a central point like planets in a solar system. 6. **Rotating Square** — Nested squares rotating in opposite directions with a glowing center. 7. **Morphing Blob** — A fluid shape that continuously morphs and changes color. 8. **Heartbeat** — An animated ECG-style heartbeat line that draws itself repeatedly. 9. **Hexagon Spin** — Two hexagons rotating in opposite directions with a pulsing center. 10. **Spiral Galaxy** — Multiple dots orbiting at different radii and speeds, like a galaxy. #### 🛠 How It Works 1. Install and activate the plugin. 2. Go to **DWL Preloader** in your WordPress admin menu. 3. Click on any preloader style card to preview it live. 4. Optionally pick a background color and toggle the preloader on or off. 5. Click **Save Settings** — your visitors will now see the selected preloader when they visit your site. ## Screenshots * [[ * Admin settings panel showing all 10 preloader styles with live preview. * [[ * Background color picker and enable/disable toggle in the sidebar. ## Installation 1. Upload the `dwl-preloader` folder to the `/wp-content/plugins/` directory, or install via **Plugins Add New** in WordPress. 2. Activate the plugin through the **Plugins** menu in WordPress. 3. Navigate to **DWL Preloader** in the admin sidebar. 4. Select your preferred preloader style and save. 5. Visit your website to see the preloader in action. ## FAQ ### Will this plugin slow down my website? No. DWL Preloader uses pure inline SVG animations — there are no external image requests or heavy libraries. The total plugin footprint is minimal. ### Can I use a custom background color? Yes. The settings panel includes a color picker that lets you choose any background color for the preloader overlay. ### Does it work with my theme? DWL Preloader is compatible with any properly coded WordPress theme. It uses the` wp_body_open` hook with a `wp_footer` fallback to ensure compatibility across all themes. ### Can I disable the preloader temporarily? Yes. Use the **Enable Preloader** toggle in the settings panel to turn it on or off without deactivating the plugin. ### Does it work with page builders like Elementor or Gutenberg? Yes. The preloader runs at the page level and is independent of any page builder. ## Reviews ![](https://secure.gravatar.com/avatar/da0dbfad0df118f25039df5e7165344d63e71accc68da4b1ef46f68bd02d813b? s=60&d=retro&r=g) ### 󠀁[Simple, I like that.](https://wordpress.org/support/topic/simple-i-like-that/)󠁿 [germanero](https://profiles.wordpress.org/germanero/) September 3, 2016 Works with any version. Thanks. [ Read all 4 reviews ](https://wordpress.org/support/plugin/dwl-preloader/reviews/) ## Contributors & Developers “DWL Preloader” is open source software. The following people have contributed to this plugin. Contributors * [ Gazi Mohammad Yeasin ](https://profiles.wordpress.org/yeasin62/) [Translate “DWL Preloader” into your language.](https://translate.wordpress.org/projects/wp-plugins/dwl-preloader) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/dwl-preloader/), check out the [SVN repository](https://plugins.svn.wordpress.org/dwl-preloader/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/dwl-preloader/) by [RSS](https://plugins.trac.wordpress.org/log/dwl-preloader/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 3.0 * Complete plugin rewrite with a modern admin interface. * Added 10 unique SVG-based animated preloader styles. * Added live preview: clicking a style instantly previews it in the sidebar. * Added background color picker for the preloader overlay. * Added enable/disable toggle — no need to deactivate the plugin. * Replaced deprecated `jQuery(window).load()` with `jQuery(window).on('load')`. * Added `wp_body_open` hook support with `wp_footer` fallback. * Added activation hook to set default plugin options. * Improved code structure following WordPress coding standards. * All output is properly escaped. #### 2.0 * Initial public release with single spinning ring preloader. ## Meta * Version **3.0** * Last updated **2 weeks ago** * Active installations **100+** * WordPress version ** 5.0 or higher ** * Tested up to **6.9.4** * PHP version ** 7.2 or higher ** * Language * [English (US)](https://wordpress.org/plugins/dwl-preloader/) * Tags * [animated preloader.](https://kal.wordpress.org/plugins/tags/animated-preloader/) [loading screen](https://kal.wordpress.org/plugins/tags/loading-screen/)[page loader](https://kal.wordpress.org/plugins/tags/page-loader/) [preloader](https://kal.wordpress.org/plugins/tags/preloader/)[svg preloader](https://kal.wordpress.org/plugins/tags/svg-preloader/) * [Advanced View](https://kal.wordpress.org/plugins/dwl-preloader/advanced/) ## Ratings 5 out of 5 stars. * [ 4 5-star reviews ](https://wordpress.org/support/plugin/dwl-preloader/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/dwl-preloader/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/dwl-preloader/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/dwl-preloader/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/dwl-preloader/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/dwl-preloader/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/dwl-preloader/reviews/) ## Contributors * [ Gazi Mohammad Yeasin ](https://profiles.wordpress.org/yeasin62/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/dwl-preloader/)