Discover, trust, install: FAIR 1.0 is here

Plugin Banner

Safelayout Cute Preloader – CSS3 WordPress Preloader

by safelayout

Version: 2.1.7

Download
Description

An easy-to-use, lightweight and powerful preloader plugin. Safelayout Cute Preloader helps you to add a beautiful, pure CSS animated preloader to your website.

How to add different preloaders to different page/post of your site.

How to set preloaders for different data types, for example a different preloader for products.

How to set a different preloader for mobile visitors.

Features

  • Pure CSS animation (No GIF images).
  • 35 Loading animation icons.
  • 18 Background animation effects.
  • 14 Brand Image animation effects.
  • 11 Text animation effects.
  • progress bar and counter.
  • Cross browser compatible.
  • Fully customizable.
  • Work with Any Theme.
  • Add your own loader image.
  • 431 Gradient colors for icon, progress bar and background (Pro).
  • 23 Beautiful filter effects (Pro).
  • Device control (Choose to show on all devices, mobile, or desktop only.)
  • Preloader minimum runtime.
  • Preloader maximum runtime.
  • Preloader close button.
  • Special preloader: You can have more than one preloader on your site. A different preloader for a specific data type (product) or a different preloader for a specific page/post.

Live Demo

Safelayout Cute Preloader Demo.

Pro Version

Safelayout Cute Preloader Pro is available. Upgrade to pro version and get full features!

Safelayout other plugins

Safelayout Elegant Icons – WordPress icon block

Safelayout Brilliant Buttons – WordPress Button block

  • Go to the Plugins section of your WordPress dashboard.
  • Click on Add New.
  • Click on the Upload Plugin button.
  • Browse and locate the zipped plugin that you have downloaded.
  • Activate the plugin by clicking on Activate.
  • Use the Settings -> Safelayout Preloader to configure the plugin.
  • Choose your style and enjoy.
  1. Icon settings

    Icon settings

  2. Display settings

    Display settings

  3. Background settings

    Background settings

  4. Progress bar settings

    Progress bar settings

  5. Brand image settings

    Brand image settings

  6. Counter settings

    Counter settings

  7. Text settings

    Text settings

  8. Special preloader

    Special preloader

5 stars

By odedeletimileyin on August 14, 2025

Excellent plugin ,i will recommend it to other developers,kudos

Smooth page transitions

By Anton_Th on August 8, 2025

No more page load white flashes or header jumps on a black site

ESSENTIAL!

By nostrafiduciasolidale on June 22, 2025

A website needs this plugin to be credible. Now our website interface is more convincing. We are very satisfied!

Great Little Preloader

By zericoni on June 20, 2025

Easy to configure and enough options for a simple preloader.

google developer tools say SyntaxError

By arthur124 on June 13, 2025

This plugin allows me to do whatever I want with loading animations.

But the homepage cannot be viewed in Google Developer Tools due to an error.

Can I solve this?

ja(function(a) {
a.innerHTML = "";
var b = n.createElement("input");
b.setAttribute("type", "hidden"),
a.appendChild(b).setAttribute("name", "D"),
a.querySelectorAll("[name=d]").length && q.push("name" + K + "*[*^$|!~]?="),
2 !== a.querySelectorAll(":enabled").length && q.push(":enabled", ":disabled"),
o.appendChild(a).disabled = !0,
2 !== a.querySelectorAll(":disabled").length && q.push(":enabled", ":disabled"),
a.querySelectorAll("*:,:x"), q.push(",.*:")
})),

SyntaxError: '*,:x' is not a valid selector.

Great plugin

By charlesitzel on June 3, 2025

A simple solution for what I needed

"A Gentle Touch During Loading — A Warm Welcome for Visitors"

By contador2025 on June 2, 2025

I really appreciate how this plugin creates a calming waiting experience. It’s simple, unobtrusive, and makes visitors feel considered. It’s a small detail, but one that adds a lot of warmth and professionalism to the website. Highly recommended!

<3

By jesuscrist on May 30, 2025

<3

Recomendando

By orangejuizze on May 26, 2025

muy fácil de usar

so far, so good!

By carlosatfongo on May 16, 2025

It's not throwing up any errors anywhere and i have no conflicts. load performance is the same too.

2.1.7

  • Fixed some issue.
  • Updated user interface.

2.1.6

  • Updated user interface.

2.1.5

  • Fixed issue with WP Rocket.

2.1.4

  • Fixed some issue.

2.1.3

  • Added the ability, to not display the preloader if JavaScript is disabled.

2.1.2

  • Added 3 new animation types for text.

2.1.1

  • Increased compatibility with cache plugins.

2.1.0

  • Added code to exclude optimization of preloader css and js by cache plugins.

2.0.98

  • Fixed some issue.

2.0.97

  • Activated the Device feature, in the free version.

2.0.96

  • Fixed some issue.

2.0.95

  • Added a condition to not show preloader in Gutenberg editor.

2.0.93

  • Added the ability to clear the cache after changing settings.

2.0.92

  • Removed preset tab.

2.0.91

  • Changed preset tab settings.
  • Changed loading time settings (Minimum load time, Maximum load time, Show close button after).

2.0.90

  • Fixed background CSS style issue.

2.0.80

  • Added preset tab.
  • Updated progress bar animation.
  • Updated user interface.

2.0.71

  • Fixed Custom Icon issue.
  • removed the noscript tag.

2.0.70

  • Added new animation effect for brand image.
  • Added small background.
  • Updated user interface.

2.0.60

  • Improved the preloader insert code.

2.0.50

  • Added new animation effect for brand image.
  • Updated bubble1 icon.
  • Added rtl style to stripe progress bar.

2.0.40

  • Updated some loading animation icons.
  • Updated custom icon CSS.
  • Updated brand image animation.
  • Updated progress bar animation.
  • Updated preloader close button.
  • Updated readme.txt

2.0.31

  • Updated some loading animation icons.
  • Added resizing feature to post selection list.
  • Fixed issue with HTML iframe tag.
  • Fixed http_request_host_is_external filter issue.

2.0.21

  • Fixed triple-spinner icon issue.

2.0.2

  • Updated user interface.
  • Added one new loading animation icon.

2.0.1

  • Updated readme.txt
  • Changed the rate reminder time.

2.0

  • Increased the speed of the preloader.
  • Decreased memory usage by the preloader.

1.9.4

  • Fixed background size issue in some themes.
  • Improved the preloader insert code.

1.9.3

  • Added three new icon types.
  • Changed the Progress bar preview.
  • Changed the color of some icons.

1.9.2

  • Changed the show upgrade message time.
  • Fix: Deactivation feedback is not working.

1.9.1

  • Removed Pro features demo from, the free version.

1.9.0

  • Added some color, in the free version.
  • Added some icon effect, in the free version.

1.8.1

  • Fixed deactivation feedback issue.

1.8.0

  • Increased the speed of the preloader.
  • Added two new Progress bar type.
  • Added rate reminder notification in the WordPress dashboard.

1.7.0

  • Added some color, in the free version.

1.6.0

  • Special types: preloader for different data types, for example a different preloader for products.
  • Activated the text color feature, in the free version.
  • Activated the counter color feature, in the free version.
  • Activated the Progress bar border color feature, in the free version.

1.5.0

  • Added progress bar and counter.

1.4.0

  • Added 23 new loading animation icons.
  • Activated the Icon size feature, in the free version.

1.3.2

  • Fixed brand image animation synchronization issue.

1.3.1

  • Changed the settings page layout.

1.3.0

  • Added special preloader (You can have more than one preloader on your site.)
  • Added brand image with 12 animation effects.

1.2.1

  • Protected all .php files from direct access.

1.2.0

  • Added option to enable/disable the preloader.
  • Added option to exclude, 404 error (page not found).
  • Added option to exclude, search not found page.
  • Added option to exclude, page/post by ID.
  • Added option to exclude, page/post by type name.
  • Added the Search only feature, to Display on.

1.1.2

  • Fixed show once per session issue.

1.1.1

  • Improved the preloader insert code.

1.1.0

  • Improved text animations.

1.0.2

  • Corrected the settings page layout for Right-To-Left (RTL) languages.
  • Activated the Font size feature, in the free version.
  • Activated the Margin top feature, in the free version.

1.0.1

  • Activated the Display on feature, in the free version.
  • Activated the Show per session feature, in the free version.
  • Activated the Device feature, in the free version.

1.0

  • Initial Release.
  • Version:Version: 2.1.7
  • Active installs:Active installs: 10K
  • Last updated:Last updated: 1 month ago
  • Requires:Requires: 4.7
  • Tested:Tested: 6.8.2
Average rating:5 out of 5 stars.
  • Number of ratings: 68 ratings
  • Number of ratings: 2 ratings
  • Number of ratings: 0 ratings
  • Number of ratings: 0 ratings
  • Number of ratings: 0 ratings
Back to top