Adnan Hyder Pervez

W Auto Page Pre Loader shows a clean loading animation or your custom image before the page becomes visible. This prevents the blank-screen moment users often experience during load time. The plugin is lightweight, responsive, and works with all modern WordPress themes.
You can customize the loader image, size, duration, background color or background image, and preview everything directly from the admin panel. The loader fades out smoothly once the page is ready, ensuring a polished experience on both desktop and mobile.
<h3>Features</h3>
<ol>
<li>Simple enable or disable control.</li>
<li>Upload a custom logo or loader image.</li>
<li>Adjustable loader width and height.</li>
<li>Duration control for fade-out timing.</li>
<li>Background color and background image support.</li>
<li>Background size and position settings.</li>
<li>Smooth fade-out animation.</li>
<li>Responsive design for all devices.</li>
<li>Live preview in settings.</li>
<li>Option to hide the preloader for logged-in users.</li>
<li>Show the preloader only once per browser session.</li>
<li>Option to hide the preloader on mobile devices.</li>
<li>Display delay setting to prevent flashing on fast-loading pages.</li>
<li>Exclude selected URL paths from the preloader.</li>
<li>Respect reduced-motion visitor preferences.</li>
<li>Customize spinner color, overlay opacity, fade duration, and z-index.</li>
<li>Lock scrolling while active, expose ARIA status, and allow Escape-key dismissal.</li>
<li>Option to skip the preloader on the site homepage.</li>
</ol>

W Auto Page Pre Loader

W Auto Page Pre Loader adds a smooth loading screen before your website content appears. It improves perceived speed, enhances user experience, and le …

Gazi Mohammad Yeasin

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

W Auto Page Pre Loader vs DWL Preloader