Title: Preloader Awesome – Page Loading Animation with Spinner & Gif Author: themesawesome Published: October 12, 2020 Last modified: June 25, 2024 --- Search plugins ![](https://ps.w.org/preloader-awesome/assets/banner-772x250.jpg?rev=2397750) This plugin **hasn’t been tested with the latest 3 major releases of WordPress**. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress. ![](https://ps.w.org/preloader-awesome/assets/icon-256x256.gif?rev=2417076) # Preloader Awesome – Page Loading Animation with Spinner & Gif By [themesawesome](https://profiles.wordpress.org/themesawesome/) [Download](https://downloads.wordpress.org/plugin/preloader-awesome.zip) * [Details](https://en-ca.wordpress.org/plugins/preloader-awesome/#description) * [Reviews](https://en-ca.wordpress.org/plugins/preloader-awesome/#reviews) * [Development](https://en-ca.wordpress.org/plugins/preloader-awesome/#developers) [Support](https://wordpress.org/support/plugin/preloader-awesome/) ## Description ### PRELOADER AWESOME – PRELOADER PLUGIN IN WORDPRESS Preloader Awesome is a fantastic [Preloader WordPress plugin](https://themesawesome.com/wordpress-plugin/wordpress-preloader/) that helps you create the loading animation into the page of your WordPress Site while your website page is loading. You can use it as a welcome screen to engage users. Preloader Awesome is easy to use with an extensive choice of loader styles. ### WHAT YOU WILL GET? If you need a beautiful element to complement your website’s beauty, preloader awesome will be the perfect choice for you. There are many loading animation templates and transitions that this preloader plugin provides. It is also possible for you to customize according to your needs. With ten default CSS loaders plus 14 transition styles, you can make your loading screen animations under 5 minutes. In addition to the many customization options, this plugin preloader for WordPress will allow you to create unique loading for each of your site’s pages. You can make all of that without coding. [Live Demo](https://bit.ly/3lPO2aS) ### Preloader AWESOME FEATURE * 14 Transition style * 10 Built-in Animated CSS Loader * Upload Your animated GIF * Unlimited Colors * Support Default Page * Support loader in many pages * Support post type loader * Progress Bar * Progress Status Counter * Animation Time * Customize Background Color * Counter Options * Progress bar options * Upload Preloader Image/GIF * Customize Loader Size * Customize Counter Font Size * Customize Counter Color * Customize Bar Position * Customize Bar Color * Mobile Friendly * Cross-browser tested [Learn more about Preloader Awesome Pro – Paid version](https://bit.ly/3kH19dc) [View Demo](https://bit.ly/3lPO2aS) ### Create a beautiful loading screen in only 1 step Just Create Preloader for your pages ### YOU CAN USE THIS PLUGIN IN MANY WAYS. PRELOADER AWESOME IS ALSO SUITABLE FOR CREATING: * Company Website * Program Website * Project Website * Personal Website * E-Book Website * Services Website * Rental Website * Plugin Website * Themes Website * Software Website * Store Website * Transportation Website * Online store Website * Law firm Website * Product Website * Training Website * Fashion products Website * Game Website * Band Website * Event Website * Restaurant Website * School Website * Property Website ### Preloader Design Demo [Animated CSS Loader Hiji](https://preloader.themesawesome.com/css-loader-hiji/) CSS loading animation with a circle style that moves up and down like a bouncing ball. It’s interesting to see the circle’s reflection as we wait for the content to appear on the page. [Animated CSS Loader Dua](https://preloader.themesawesome.com/css-loader-dua/) It has animated loading bar arrangements that seem to move repeatedly, with light and faded animations on bar arrangements. [Animated CSS Loader Tilu](https://preloader.themesawesome.com/css-loader-tilu/) Page loading animation with a box shape that seems to be lit around the other boxes, making each page’s transition for your WordPress website more stunning. [Animated CSS Loader Opat](https://preloader.themesawesome.com/css-loader-opat/) This CSS animation will remind us of one of the game characters Pacman. The unique animation sees the character eating the circles that are walking towards him. Entertaining when it becomes an animated loading screen when the user waits for content to appear on the page. [Animated CSS Loader Lima](https://preloader.themesawesome.com/css-loader-lima/) CSS animation with box style, with the rotating arrangement, splitting into four squares and merging back into one big box and moving away. [Animated CSS Loader Genep](https://preloader.themesawesome.com/css-loader-genep/) CSS animation in a stacked box style, reminiscent of one of the world’s biggest companies’ logos. With an animation of each box moving as if to vibrate one by one. [Animated CSS Loader Tujuh](https://preloader.themesawesome.com/css-loader-tujuh/) CSS animation with dual ring spinners that spin in a circle. Aesthetic to display the loading screen on a flat UI website while waiting for the page content to appear. [Animated CSS Loader Dalapan](https://preloader.themesawesome.com/css-loader-dalapan/) CSS animation with spinner style, with the right color combination, will look like a spinning moon. [Animated CSS Loader Salapan](https://preloader.themesawesome.com/css-loader-salapan/) CSS animation with ball circus style, with animation as if it were going around a circle. [Animated CSS Loader Sapuluh](https://preloader.themesawesome.com/css-loader-sapuluh/) CSS animation with two deflected zigzag dots, which seem to move closer and further away. [Preloader Transition Hiji](https://preloader.themesawesome.com/hiji/) The page transition animation that appears to hang and then pops up the loader then backs away and displays the content on the page. [Preloader Transition Dua](https://preloader.themesawesome.com/dua/) Transitions that appear from a small circle approaching and covering the screen and the loader then move away and become a small circle as the page’s content is visible. [Preloader Transition Tilu](https://preloader.themesawesome.com/tilu/) Page transitions such as folding cover the screen, and a loader appear. It opens with an animation of folding it in the reverse direction while viewing the page’s content. [Preloader Transition Opat](https://preloader.themesawesome.com/opat/) Seamless transition from a rectangular shape to fullscreen color and loader, and opens displaying the page’s content. [Preloader Transition Lima](https://preloader.themesawesome.com/lima/) While the loader is running, page transitions can be incredibly impressed with the fade-in style when displaying the loader and fade out as the page’s content appears. [Preloader Transition Genep](https://preloader.themesawesome.com/genep/) Simple Transitions look sweeping by popping up the loader when the colors are full and thorough backward when the page’s content is ready. [Preloader Transition Tujuh](https://preloader.themesawesome.com/tujuh/) Another simplistic approach with animation transition, which moves slide up to show the loader, then slides down when the content is ready to appear. [Preloader Transition Dalapan](https://preloader.themesawesome.com/dalapan/) The screen closed with a diagonal animation then appears the loader and will open in reverse and display the content on the page. [Preloader Transition Salapan](https://preloader.themesawesome.com/salapan/) The screen transitions when the loader appears slanted then opens in the same direction as the content on the page appears. [Preloader Transition Sapuluh](https://preloader.themesawesome.com/sapuluh/) loader appears with a looks like a sloping shape from the top right to bottom left, then it will open towards the bottom right to the top left when displaying content on the page. [Preloader Transition Sabelas](https://preloader.themesawesome.com/sabelas/) A page transition with a beautiful waveform closes when displaying the loader and opens when content appears on the page. [Preloader Transition Duabelas](https://preloader.themesawesome.com/duabelas/) The page transitions with a diamond shape that closes when the loader appears then moves to open when the page’s content is ready. [Preloader Transition Tilubelas](https://preloader.themesawesome.com/tilubelas/) Animations such as sweeping the screen from left to right bring up the loader, then with the same animation returning displaying the content on the page. ### Get More Features On Pro [Preloader Awesome Pro](https://bit.ly/3kH19dc) ## FAQ ### Is there a time period for using Preloader Awesome? No, you can use Preloader Awesome onwards. ### Does it work with any theme? Absolutely! Preloader Awesome will Works With Any Theme ### What if I update to Preloader Awesome to Pro? Your existing content will work with Preloader Awesome PRO. So you won’t lose your contents. ### How do I translate the plugin? We recommended Loco Translate for translate.for details on how to use it you can read our online documentation. ## Reviews ![](https://secure.gravatar.com/avatar/b302d524b95887f5bb70cca78b7736bc5c881104126cb82a8f48ad24f5008b21? s=60&d=retro&r=g) ### 󠀁[Nothing happens](https://wordpress.org/support/topic/nothing-happens-139/)󠁿 [Khaliel](https://profiles.wordpress.org/khaliel/) February 25, 2022 Sadly, nothing at all happens on my website. The plugin is activated and configured, but there is nothing at all. No animation or whatsoever when the pages load. Plus the plugin promises “ten default CSS loaders plus 14 transition styles” and you end up with 4 default CSS loades and 3 transition styles. [ Read all 1 review ](https://wordpress.org/support/plugin/preloader-awesome/reviews/) ## Contributors & Developers “Preloader Awesome – Page Loading Animation with Spinner & Gif” is open source software. The following people have contributed to this plugin. Contributors * [ themesawesome ](https://profiles.wordpress.org/themesawesome/) * [ akmanda ](https://profiles.wordpress.org/akmanda/) * [ anggaerl ](https://profiles.wordpress.org/anggaerl/) “Preloader Awesome – Page Loading Animation with Spinner & Gif” has been translated into 1 locale. Thank you to [the translators](https://translate.wordpress.org/projects/wp-plugins/preloader-awesome/contributors) for their contributions. [Translate “Preloader Awesome – Page Loading Animation with Spinner & Gif” into your language.](https://translate.wordpress.org/projects/wp-plugins/preloader-awesome) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/preloader-awesome/), check out the [SVN repository](https://plugins.svn.wordpress.org/preloader-awesome/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/preloader-awesome/) by [RSS](https://plugins.trac.wordpress.org/log/preloader-awesome/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.0.0 * Initial Release ## Meta * Version **1.0.0** * Last updated: **2 years ago** * Active installations: **1,000+** * WordPress Version: ** 5.4 or higher ** * Tested up to: **6.5.8** * PHP Version: ** 5.6 or higher ** * Language: * [English (US)](https://wordpress.org/plugins/preloader-awesome/) and [Ukrainian](https://uk.wordpress.org/plugins/preloader-awesome/). * [Translate into your language](https://translate.wordpress.org/projects/wp-plugins/preloader-awesome) * Tags: * [loader](https://en-ca.wordpress.org/plugins/tags/loader/)[loading](https://en-ca.wordpress.org/plugins/tags/loading/) [loading screen](https://en-ca.wordpress.org/plugins/tags/loading-screen/)[page loader](https://en-ca.wordpress.org/plugins/tags/page-loader/) [preloader](https://en-ca.wordpress.org/plugins/tags/preloader/) * [Advanced View](https://en-ca.wordpress.org/plugins/preloader-awesome/advanced/) ## Ratings 1 out of 5 stars. * [ 0 5-star reviews ](https://wordpress.org/support/plugin/preloader-awesome/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/preloader-awesome/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/preloader-awesome/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/preloader-awesome/reviews/?filter=2) * [ 1 1-star review ](https://wordpress.org/support/plugin/preloader-awesome/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/preloader-awesome/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/preloader-awesome/reviews/) ## Contributors * [ themesawesome ](https://profiles.wordpress.org/themesawesome/) * [ akmanda ](https://profiles.wordpress.org/akmanda/) * [ anggaerl ](https://profiles.wordpress.org/anggaerl/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/preloader-awesome/) ## Donate Would you like to support the advancement of this plugin? [ Donate to this plugin ](https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=camirairiani@gmail.com&lc=US&item_name=Donation+to+Themes+Awesome&no_note=0&cn=&curency_code=USD&bn=PP-DonationsBF:btn_donateCC_LG.gif:NonHosted)