Safelayout Cute Preloader Pro displays an animated screen while a WordPress page loads. Its animation system uses pure CSS and does not use GIF images. Configure the design in the administration panel to fit your site and choose where each preloader appears.

Set the loader’s appearance

Choose from 35 loading icons and 18 background exit effects. Background animation and geometric patterns provide settings for the screen behind the loader. Add a custom logo or loader image, apply brand image animation effects, or enter custom text with one of 11 text animation effects. Set gradient colors for the icon, progress bar, and background, and apply visual filters to icons. Progress bar and counter options are also available.

Assign designs by content and device

The Special Preloader capability enables more than one preloader on a website. Assign different designs to specific pages, posts, or data types, such as products. Device controls let you display a preloader on all devices, mobile devices only, or desktop screens only.

Control the display

Set minimum and maximum runtime values, and enable a close button so users can dismiss the loading screen. These settings control how the preloader appears during the wait; they do not determine how quickly the page itself loads.

Configure and review

In the administration panel, select an animation, adjust its colors and background, and add a logo, loader image, or custom text. Set the device and runtime rules, then choose whether to show the close button. If you use multiple designs, assign each one to its intended page, post, or data type and review it on the devices where it will appear before publishing.