AboveWP

Petar Petrov

<p>AboveWP Page Loader adds a beautiful, customizable loading screen to your WordPress website. The loader appears when visitors navigate to your site and smoothly fades out once the page has loaded, creating a polished and professional user experience.</p>
<h3>Features</h3>
<ul>
<li>Sleek, modern loading animation</li>
<li>Multiple animation options:
<ul>
<li>Default spinner</li>
<li>Animated SVGs</li>
<li>Custom images (including GIFs)</li>
</ul>
</li>
<li>Displays your site logo or site name during loading</li>
<li>Smooth fade-out transition when the page is ready</li>
<li>Customizable colors to match your brand</li>
<li>Adjustable animation size, duration, and delay settings</li>
<li>Smooth page transitions between internal links</li>
<li>Responsive design that works on all devices</li>
<li>Lightweight with minimal impact on page performance</li>
</ul>
<h3>Usage</h3>
<p>After activation, the page loader will automatically appear on your website. You can customize the following settings:</p>
<ul>
<li><strong>Enable/Disable</strong>: Turn the page loader on or off</li>
<li><strong>Animation Type</strong>: Choose between spinner, SVG, or custom image</li>
<li><strong>Animation Size</strong>: Set the size of your animation</li>
<li><strong>Animation Duration</strong>: Set how long the fade-out animation lasts</li>
<li><strong>Delay Before Hiding</strong>: Set how long to wait before hiding the loader after the page loads</li>
<li><strong>Loader Color</strong>: Choose a color that matches your brand (for spinner animation)</li>
</ul>
<h4>Using SVG Animations</h4>
<ol>
<li>Select “Animated SVG” as your animation type</li>
<li>Upload an SVG file or enter the URL to an SVG file
<ul>
<li>For best results, use an SVG with built-in animations</li>
</ul>
</li>
</ol>
<h4>Using Custom Images</h4>
<ol>
<li>Select “Custom Image” as your animation type</li>
<li>Upload an image or enter the URL to an image file
<ul>
<li>Animated GIFs work great for this option</li>
</ul>
</li>
</ol>
<h3>Credits</h3>
<p>Developed by <a href="https://abovewp.com" rel="nofollow ugc">AboveWP</a></p>
<h3>License</h3>
<p>This plugin is licensed under the GPL v2 or later.</p>
<p>This program is free software; you can redistribute it and/or<br />
modify it under the terms of the GNU General Public License<br />
as published by the Free Software Foundation; either version 2<br />
of the License, or (at your option) any later version.</p>
<p>This program is distributed in the hope that it will be useful,<br />
but WITHOUT ANY WARRANTY; without even the implied warranty of<br />
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the<br />
GNU General Public License for more details.</p>


AboveWP Page Loader

A sleek and elegant page loader for WordPress websites by AboveWP.

Gazi Mohammad Yeasin

<p><strong>DWL Preloader</strong> displays an animated loading screen while your WordPress site loads. It comes with <strong>10 unique SVG-based preloader animations</strong> that you can preview and select directly from the WordPress admin panel.</p>
<p>Whether you want a sleek spinner, bouncing dots, a heartbeat line, or a morphing blob — DWL Preloader has something for every website style.</p>
<h4>✨ Key Features</h4>
<ul>
<li><strong>10 Unique Preloader Styles</strong> — All built with pure SVG animations, no external libraries needed.</li>
<li><strong>Live Preview in Admin</strong> — Click any preloader style in the admin panel and see it animate in real time before saving.</li>
<li><strong>Background Color Picker</strong> — Choose any background color for the preloader overlay to match your brand.</li>
<li><strong>Enable / Disable Toggle</strong> — Instantly enable or disable the preloader from the settings panel without deactivating the plugin.</li>
<li><strong>Lightweight & Fast</strong> — Pure SVG animations with no dependencies. No GIF files, no heavy JavaScript.</li>
<li><strong>Auto-dismiss</strong> — The preloader fades out smoothly after the page finishes loading.</li>
<li><strong>Theme Compatible</strong> — Works with any WordPress theme. Supports <code>wp_body_open</code> hook with a <code>wp_footer</code> fallback for maximum compatibility.</li>
<li><strong>No Shortcodes Needed</strong> — Just install, activate, configure, and it works automatically on every page.</li>
<li><strong>Settings Saved Instantly</strong> — All settings are stored in the WordPress options table and applied site-wide.</li>
</ul>
<h4>🎨 Preloader Styles</h4>
<ol>
<li><strong>Triple Ring</strong> — Three concentric rings spinning in opposite directions with different speeds and colors.</li>
<li><strong>Bouncing Dots</strong> — Four colorful dots bouncing in a rhythmic wave pattern.</li>
<li><strong>Ripple Pulse</strong> — A pulsing dot with three expanding ripple rings that fade out.</li>
<li><strong>Wave Bars</strong> — Five vertical bars animating like an audio equalizer wave.</li>
<li><strong>Orbit Dots</strong> — Colored dots orbiting a central point like planets in a solar system.</li>
<li><strong>Rotating Square</strong> — Nested squares rotating in opposite directions with a glowing center.</li>
<li><strong>Morphing Blob</strong> — A fluid shape that continuously morphs and changes color.</li>
<li><strong>Heartbeat</strong> — An animated ECG-style heartbeat line that draws itself repeatedly.</li>
<li><strong>Hexagon Spin</strong> — Two hexagons rotating in opposite directions with a pulsing center.</li>
<li><strong>Spiral Galaxy</strong> — Multiple dots orbiting at different radii and speeds, like a galaxy.</li>
</ol>
<h4>🛠 How It Works</h4>
<ol>
<li>Install and activate the plugin.</li>
<li>Go to <strong>DWL Preloader</strong> in your WordPress admin menu.</li>
<li>Click on any preloader style card to preview it live.</li>
<li>Optionally pick a background color and toggle the preloader on or off.</li>
<li>Click <strong>Save Settings</strong> — your visitors will now see the selected preloader when they visit your site.</li>
</ol>


DWL Preloader

A beautiful animated preloader plugin for WordPress. Choose from 10 stunning SVG preloader styles with a live preview admin panel.

AboveWP Page Loader vs DWL Preloader