All-in-One WP Preloader shows a loading screen while your page loads, then hides it with a smooth animation once everything is ready. No code needed: pick a design, add your logo, choose a color and you are done.
The settings page has a live preview, so you can see exactly what your visitors will see, and replay the hide animation, before saving anything.
7 preloader designs
- Loader 1: Logo inside a spinning ring.
- Loader 2: Centered image that slides away.
- Loader 3: Image with a three-panel reveal.
- Loader 4: Logo with bouncing dots, fades out.
- Loader 5: Logo with a progress bar, slides up.
- Loader 6: Logo with an orbiting dot, curtains open.
- Loader 7: Logo with ripples, circle reveal.
Features
- Enable or disable the preloader with one switch.
- Use your own logo or image from the Media Library, or the built-in default.
- Set any background color.
- Live preview on the settings page, with a replay button for the hide animation.
- Modern settings page built with the WordPress components you already know.
- Pure CSS animations, responsive on every screen size.
- Works with classic and block themes.
- Optional: delete all plugin data when the plugin is uninstalled.
- Translation ready.
Lightweight by design
- The preloader CSS and JavaScript load only when the preloader is enabled.
- No external requests, no tracking, no extra database tables.
- All settings are stored in a single option.
Screenshots
Loader 1, Spinning Ring: your logo inside a spinning ring, slides away to the top right.
Loader 2, Slide Away: your logo on a clean background, slides away to the right.
Loader 3, Three-Panel Reveal: three panels pull back to reveal the page.
Loader 4, Bouncing Dots: your logo with bouncing dots, fades out smoothly.
Loader 5, Progress Bar: your logo with a progress bar, slides up out of view.
Loader 6, Split Curtain: your logo with an orbiting dot, curtains open from the center.
Loader 7, Circle Reveal: your logo with soft ripples, shrinks into a closing circle.