Safelayout Cute Preloader Pro: WordPress CSS3 Loading Screens

Safelayout Cute Preloader Pro shows an animated screen while WordPress content loads. Choose the screen’s visual elements, set when it appears, and control its runtime and close button.

Build a loading screen

The animation system uses pure CSS and does not use GIF animations. Choose from 35 loading icons and 18 background exit effects. Background animation, geometric patterns, and icon filters provide additional design settings. Set gradient colors for the icon, progress bar, and background.

Add a custom logo or loader picture, and choose a brand image animation effect. Custom text can use one of 11 text animation effects. A progress bar and counter are also available.

Assign designs to site areas

The Special Preloader capability lets you configure more than one preloader on a site. Assign designs to specific pages, posts, or data types, such as products. Device options control whether a preloader appears on all devices, mobile devices, or desktop screens.

Set runtime and user controls

Configure minimum and maximum runtime settings for the preloader. You can also enable a close button so users can dismiss it.

Configure and review

In the WordPress administration panel, choose an animation, adjust colors and background effects, add an image or custom text, then set device visibility and runtime values. Decide whether to enable the close button. If you use multiple designs, create each Special Preloader configuration and assign it to the relevant pages, posts, or data types. Review each setup on its intended device and site section before publishing.