DWL Preloader

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.