themesawesome

akmanda

anggaerl

<h3>PRELOADER AWESOME – PRELOADER PLUGIN IN WORDPRESS</h3>
Preloader Awesome is a fantastic <a href="https://themesawesome.com/wordpress-plugin/wordpress-preloader/" rel="nofollow ugc">Preloader WordPress plugin</a>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.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/m2u1oO7jLRQ?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<h3>WHAT YOU WILL GET?</h3>
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.
<a href="https://bit.ly/3lPO2aS" rel="nofollow ugc">Live Demo</a>
<h3>Preloader AWESOME FEATURE</h3>
<ul>
<li>14 Transition style</li>
<li>10 Built-in Animated CSS Loader</li>
<li>Upload Your animated GIF</li>
<li>Unlimited Colors</li>
<li>Support Default Page</li>
<li>Support loader in many pages</li>
<li>Support post type loader</li>
<li>Progress Bar</li>
<li>Progress Status Counter</li>
<li>Animation Time</li>
<li>Customize Background Color</li>
<li>Counter Options</li>
<li>Progress bar options</li>
<li>Upload Preloader Image/GIF</li>
<li>Customize Loader Size</li>
<li>Customize Counter Font Size</li>
<li>Customize Counter Color</li>
<li>Customize Bar Position</li>
<li>Customize Bar Color</li>
<li>Mobile Friendly </li>
<li>Cross-browser tested</li>
</ul>
<a href="https://bit.ly/3kH19dc" rel="nofollow ugc">Learn more about Preloader Awesome Pro – Paid version</a> 
<a href="https://bit.ly/3lPO2aS" rel="nofollow ugc">View Demo</a>
<h3>Create a beautiful loading screen in only 1 step</h3>
Just Create Preloader for your pages
<h3>YOU CAN USE THIS PLUGIN IN MANY WAYS. PRELOADER AWESOME IS ALSO SUITABLE FOR CREATING:</h3>
<ul>
<li>Company Website</li>
<li>Program Website</li>
<li>Project Website</li>
<li>Personal Website</li>
<li>E-Book Website</li>
<li>Services Website</li>
<li>Rental Website</li>
<li>Plugin Website</li>
<li>Themes Website</li>
<li>Software Website</li>
<li>Store Website</li>
<li>Transportation Website</li>
<li>Online store Website</li>
<li>Law firm Website</li>
<li>Product Website</li>
<li>Training Website</li>
<li>Fashion products Website</li>
<li>Game Website</li>
<li>Band Website</li>
<li>Event Website</li>
<li>Restaurant Website</li>
<li>School Website</li>
<li>Property Website</li>
</ul>
<h3>Preloader Design Demo</h3>
<a href="https://preloader.themesawesome.com/css-loader-hiji/" rel="nofollow ugc">Animated CSS Loader Hiji</a> 
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.
<a href="https://preloader.themesawesome.com/css-loader-dua/" rel="nofollow ugc">Animated CSS Loader Dua</a> 
It has animated loading bar arrangements that seem to move repeatedly, with light and faded animations on bar arrangements.
<a href="https://preloader.themesawesome.com/css-loader-tilu/" rel="nofollow ugc">Animated CSS Loader Tilu</a> 
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.
<a href="https://preloader.themesawesome.com/css-loader-opat/" rel="nofollow ugc">Animated CSS Loader Opat</a> 
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.
<a href="https://preloader.themesawesome.com/css-loader-lima/" rel="nofollow ugc">Animated CSS Loader Lima</a> 
CSS animation with box style, with the rotating arrangement, splitting into four squares and merging back into one big box and moving away.
<a href="https://preloader.themesawesome.com/css-loader-genep/" rel="nofollow ugc">Animated CSS Loader Genep</a> 
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.
<a href="https://preloader.themesawesome.com/css-loader-tujuh/" rel="nofollow ugc">Animated CSS Loader Tujuh</a> 
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.
<a href="https://preloader.themesawesome.com/css-loader-dalapan/" rel="nofollow ugc">Animated CSS Loader Dalapan</a> 
CSS animation with spinner style, with the right color combination, will look like a spinning moon.
<a href="https://preloader.themesawesome.com/css-loader-salapan/" rel="nofollow ugc">Animated CSS Loader Salapan</a> 
CSS animation with ball circus style, with animation as if it were going around a circle.
<a href="https://preloader.themesawesome.com/css-loader-sapuluh/" rel="nofollow ugc">Animated CSS Loader Sapuluh</a> 
CSS animation with two deflected zigzag dots, which seem to move closer and further away.
<a href="https://preloader.themesawesome.com/hiji/" rel="nofollow ugc">Preloader Transition Hiji</a> 
The page transition animation that appears to hang and then pops up the loader then backs away and displays the content on the page.
<a href="https://preloader.themesawesome.com/dua/" rel="nofollow ugc">Preloader Transition Dua</a> 
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.
<a href="https://preloader.themesawesome.com/tilu/" rel="nofollow ugc">Preloader Transition Tilu</a> 
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.
<a href="https://preloader.themesawesome.com/opat/" rel="nofollow ugc">Preloader Transition Opat</a> 
Seamless transition from a rectangular shape to fullscreen color and loader, and opens displaying the page’s content.
<a href="https://preloader.themesawesome.com/lima/" rel="nofollow ugc">Preloader Transition Lima</a> 
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.
<a href="https://preloader.themesawesome.com/genep/" rel="nofollow ugc">Preloader Transition Genep</a> 
Simple Transitions look sweeping by popping up the loader when the colors are full and thorough backward when the page’s content is ready.
<a href="https://preloader.themesawesome.com/tujuh/" rel="nofollow ugc">Preloader Transition Tujuh</a> 
Another simplistic approach with animation transition, which moves slide up to show the loader, then slides down when the content is ready to appear.
<a href="https://preloader.themesawesome.com/dalapan/" rel="nofollow ugc">Preloader Transition Dalapan</a> 
The screen closed with a diagonal animation then appears the loader and will open in reverse and display the content on the page.
<a href="https://preloader.themesawesome.com/salapan/" rel="nofollow ugc">Preloader Transition Salapan</a> 
The screen transitions when the loader appears slanted then opens in the same direction as the content on the page appears.
<a href="https://preloader.themesawesome.com/sapuluh/" rel="nofollow ugc">Preloader Transition Sapuluh</a> 
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.
<a href="https://preloader.themesawesome.com/sabelas/" rel="nofollow ugc">Preloader Transition Sabelas</a> 
A page transition with a beautiful waveform closes when displaying the loader and opens when content appears on the page.
<a href="https://preloader.themesawesome.com/duabelas/" rel="nofollow ugc">Preloader Transition Duabelas</a> 
The page transitions with a diamond shape that closes when the loader appears then moves to open when the page’s content is ready.
<a href="https://preloader.themesawesome.com/tilubelas/" rel="nofollow ugc">Preloader Transition Tilubelas</a> 
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.
<h3>Get More Features On Pro</h3>
<a href="https://bit.ly/3kH19dc" rel="nofollow ugc">Preloader Awesome Pro</a>

Preloader Awesome – Page Loading Animation with Spinner & Gif

Preloader Awesome help You to create page loading animation WordPress with spinner or You can upload Your own GIF.

Gazi Mohammad Yeasin

Sweet Sharmin Preloader displays a gorgeous animated loading screen while your WordPress site loads. It comes with 14 unique SVG-based preloader animations — each handcrafted to be visually stunning, smooth, and lightweight.
All animations are built with pure SVG — no GIF files, no external image requests, no third-party libraries. Just clean, fast, beautiful animations that work on every device and browser.
Browse and select your preferred style directly from the WordPress admin panel with an animated live preview — no coding required.
<h4>✨ Key Features</h4>
<ul>
<li>14 Unique Preloader Styles — Pure SVG animations. No GIFs, no external libraries, no HTTP requests for assets.</li>
<li>Live Preview in Admin — Click any style and instantly see it animate in the preview panel before saving.</li>
<li>Background Color Picker — Choose any hex color for the preloader overlay to perfectly match your brand or theme.</li>
<li>Enable / Disable Toggle — Turn the preloader on or off instantly without deactivating the plugin.</li>
<li>Lightweight & Fast — Zero image dependencies. The plugin adds minimal overhead to your site.</li>
<li>Smooth Fade-out — The preloader fades away elegantly after the page finishes loading.</li>
<li>Theme Compatible — Uses the <code>wp_body_open</code> hook with a <code>wp_footer</code> fallback for universal theme support.</li>
<li>No Shortcodes Needed — Works automatically on every page, front page, posts, and archives after activation.</li>
<li>Clean Admin UI — A beautifully designed settings panel with colorful gradient accents, intuitive controls, and a responsive layout.</li>
<li>Settings Stored in Database — All preferences are saved in the WordPress options table and applied site-wide instantly.</li>
<li>WordPress Coding Standards — All output is properly escaped. Follows WordPress best practices throughout.</li>
</ul>
<h4>🎨 Preloader Styles</h4>
<ol>
<li>
Flower Bloom — Seven colorful petals (pink, orange, yellow, green, blue, purple, red) rotate around a white center core, each pulsing open and closed like a blooming flower. A mesmerizing, cheerful animation.
</li>
<li>
Infinity Loop — A gradient infinity symbol (indigo → pink → amber) continuously draws and un-draws itself along the path, creating a hypnotic looping effect. Great for creative or portfolio sites.
</li>
<li>
Neon Spinner — Three concentric glowing rings in neon cyan, magenta, and green spin at different speeds with a CSS blur glow filter applied. Striking and modern — perfect for tech or gaming sites.
</li>
<li>
Diamond Cascade — Three nested diamond (rhombus) shapes rotating in alternating directions, fading in and out with a glowing center dot that pulses. Elegant and geometric.
</li>
<li>
Clock Tick — A realistic analog clock face with hour marks, a sweeping purple minute hand, a pink hour hand, and a circular progress arc that fills as the clock ticks. Unique and professional.
</li>
<li>
Cube 3D — An isometric 3D cube with three visible faces in different shades of indigo that rotates in three-dimensional space. Clean and minimalist.
</li>
<li>
Snake Trail — A gradient arc (amber to red) extends and contracts as it orbits a circular track, resembling a snake chasing its own tail. Smooth and satisfying to watch.
</li>
<li>
Particle Burst — Eight colored particles (red, orange, yellow, green, cyan, indigo, purple, pink) orbit a glowing indigo center, each pulsing and fading at different phases. Dynamic and energetic.
</li>
<li>
Water Drop — A realistic animated water droplet shape with an internal white highlight reflection. The droplet gently morphs in shape and size, giving a natural liquid feel.
</li>
<li>
Rainbow Arc — Six concentric arcs in red, orange, yellow, green, cyan, and indigo draw themselves one by one in sequence, creating a beautiful rainbow effect. Colorful and playful.
</li>
<li>
Kaleidoscope — Two layers of six symmetric geometric triangles rotate in opposite directions at different speeds around a white pulsing center, producing a mesmerizing kaleidoscope pattern. Artistic and unique.
</li>
<li>
Starfield — A twinkling star polygon at the center, surrounded by smaller stars of different colors (blue, pink, green, purple, orange, teal) blinking at varying rates and sizes. Cosmic and magical.
</li>
<li>
DNA Spiral — A double helix animation showing two twisted strands (indigo and pink) with fading crossbar rungs, mimicking the structure of DNA. Perfect for science, health, or research sites.
</li>
<li>
Fire Flame — A flickering flame with an animated gradient from yellow to red, a bright glowing inner core, and a continuously morphing flame shape that realistically simulates fire movement.
</li>
</ol>
<h4>🛠 How to Use</h4>
<ol>
<li>Install and activate the plugin.</li>
<li>Go to Sharmin Preloader in your WordPress admin sidebar.</li>
<li>Click on any preloader card — you will see a live animated preview in the sidebar instantly.</li>
<li>Optionally choose a background color using the color picker.</li>
<li>Toggle the preloader on or off using the enable switch.</li>
<li>Click Save Settings — your visitors will now see the selected preloader when they visit your website.</li>
</ol>
<h4>⚡ Technical Details</h4>
<ul>
<li>All 14 preloaders use native SVG SMIL animations — no CSS keyframe dependencies.</li>
<li>The preloader overlay uses <code>z-index: 99999</code> to always appear on top.</li>
<li>Uses <code>jQuery(window).on('load')</code> — compatible with all modern WordPress/jQuery versions.</li>
<li>Supports <code>wp_body_open</code> hook (WordPress 5.2+) with automatic <code>wp_footer</code> fallback.</li>
<li>Script and style handles are uniquely prefixed (<code>ssp-</code>) to avoid conflicts with other plugins.</li>
<li>Settings are stored as WordPress options: <code>ssp_preloader_style</code>, <code>ssp_preloader_bg</code>, <code>ssp_preloader_enabled</code>.</li>
</ul>

Sweet Sharmin Preloader

A beautiful animated preloader plugin for WordPress. Choose from 14 stunning SVG preloader styles with a live preview admin panel.

Preloader Awesome – Page Loading Animation with Spinner & Gif vs Sweet Sharmin Preloader