About this plugin
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
- Triple Ring — Three concentric rings spinning in opposite directions with different speeds and colors.
- Bouncing Dots — Four colorful dots bouncing in a rhythmic wave pattern.
- Ripple Pulse — A pulsing dot with three expanding ripple rings that fade out.
- Wave Bars — Five vertical bars animating like an audio equalizer wave.
- Orbit Dots — Colored dots orbiting a central point like planets in a solar system.
- Rotating Square — Nested squares rotating in opposite directions with a glowing center.
- Morphing Blob — A fluid shape that continuously morphs and changes color.
- Heartbeat — An animated ECG-style heartbeat line that draws itself repeatedly.
- Hexagon Spin — Two hexagons rotating in opposite directions with a pulsing center.
- Spiral Galaxy — Multiple dots orbiting at different radii and speeds, like a galaxy.
🛠 How It Works
- Install and activate the plugin.
- Go to DWL Preloader in your WordPress admin menu.
- Click on any preloader style card to preview it live.
- Optionally pick a background color and toggle the preloader on or off.
- Click Save Settings — your visitors will now see the selected preloader when they visit your site.