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 re
PricingFree downloadThe WordPress.org download is free. Pro versions, add-ons or external services may cost extra.
CompatibilityRequires WordPress 5.0 and PHP 7.2.
SourceWordPress plugins · Nov 5, 2026
01 / Source details
Aboutthistool.
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.
✨ Key Features
14 Unique Preloader Styles — Pure SVG animations. No GIFs, no external libraries, no HTTP requests for assets.
Live Preview in Admin — Click any style and instantly see it animate in the preview panel before saving.
Background Color Picker — Choose any hex color for the preloader overlay to perfectly match your brand or theme.
Enable / Disable Toggle — Turn the preloader on or off instantly without deactivating the plugin.
Lightweight & Fast — Zero image dependencies. The plugin adds minimal overhead to your site.
Smooth Fade-out — The preloader fades away elegantly after the page finishes loading.
Theme Compatible — Uses the wp_body_open hook with a wp_footer fallback for universal theme support.
No Shortcodes Needed — Works automatically on every page, front page, posts, and archives after activation.
Clean Admin UI — A beautifully designed settings panel with colorful gradient accents, intuitive controls, and a responsive layout.
Settings Stored in Database — All preferences are saved in the WordPress options table and applied site-wide instantly.
WordPress Coding Standards — All output is properly escaped. Follows WordPress best practices throughout.
🎨 Preloader Styles
01Flower 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.
02Infinity 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.
03Neon 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.
04Diamond Cascade — Three nested diamond (rhombus) shapes rotating in alternating directions, fading in and out with a glowing center dot that pulses. Elegant and geometric.
05Clock 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.
06Cube 3D — An isometric 3D cube with three visible faces in different shades of indigo that rotates in three-dimensional space. Clean and minimalist.
07Snake 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.
08Particle 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.
09Water 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.
10Rainbow 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.
11Kaleidoscope — 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.
12Starfield — 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.
13DNA 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.
14Fire 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.
🛠 How to Use
15Install and activate the plugin.
16Go to Sharmin Preloader in your WordPress admin sidebar.
17Click on any preloader card — you will see a live animated preview in the sidebar instantly.
18Optionally choose a background color using the color picker.
19Toggle the preloader on or off using the enable switch.
20Click Save Settings — your visitors will now see the selected preloader when they visit your website.
⚡ Technical Details
All 14 preloaders use native SVG SMIL animations — no CSS keyframe dependencies.
The preloader overlay uses z-index: 99999 to always appear on top.
Uses jQuery(window).on('load') — compatible with all modern WordPress/jQuery versions.
Supports wp_body_open hook (WordPress 5.2+) with automatic wp_footer fallback.
Script and style handles are uniquely prefixed ( ssp- ) to avoid conflicts with other plugins.
Settings are stored as WordPress options: ssp_preloader_style , ssp_preloader_bg , ssp_preloader_enabled .
See it in action
A closer look.
Admin panel showing all 14 preloader styles in a responsive grid with live preview sidebar.
02 / Source details
Gettingstarted.
Automatic Installation:
01Go to Plugins → Add New in your WordPress dashboard.
02Search for “Sweet Sharmin Preloader”.
03Click Install Now , then Activate .
Manual Installation:
04Download the plugin zip file.
05Go to Plugins → Add New → Upload Plugin .
06Upload the zip file and click Install Now .
07Activate the plugin through the Plugins menu.
After Activation:
08Go to Sharmin Preloader in the admin sidebar.
09Choose a preloader style and save. That’s it!
03 / Source details
Frequently asked questions.
Will this plugin slow down my website?
No. All 14 animations are pure inline SVG — there are no external image requests, no GIF files, and no third-party JavaScript libraries. The plugin adds minimal overhead to your page load.
Can I pick a custom background color for the overlay?
Yes. The settings panel includes a color picker where you can choose any background color to match your site’s design.
Does it work with all WordPress themes?
Yes. Sweet Sharmin Preloader uses the wp_body_open hook (supported by all well-coded themes) with an automatic wp_footer fallback, ensuring compatibility with virtually all WordPress themes including Astra, OceanWP, GeneratePress, Divi, Avada, and more.
Can I disable it temporarily without deactivating?
Yes. Simply toggle the Enable Preloader switch in the settings panel to off and save. The plugin stays active but the preloader will not appear on the front end.
Does it work with Elementor, WPBakery, or other page builders?
Yes. The preloader runs at the page HTML level and is completely independent of any page builder or theme builder.
Is the preloader shown in the WordPress admin?
No. The preloader only loads on the front end of your website. It does not affect the WordPress admin dashboard.
How is the selected preloader saved?
The selected style ID, background color, and enabled status are stored as WordPress options in the database and applied immediately to all front-end pages.
Can I use this on a multisite installation?
Yes. The plugin is compatible with WordPress Multisite. Settings are stored per-site.
FinderPress Media Auditor helps site administrators scan for broken images, missing Media Library files, unreachable media URLs, and other media issues across WordPress content. Use it to audit images, video, audio, PDFs, featured images, and attachment files without sending scan data to an external
The Accepted Payment Methods plugin is a straightforward, lightweight solution that enhances your website by displaying visually appealing icons of the payment methods you accept. This plugin is ideal for a variety of websites, including e-commerce platforms, service-oriented websites, and informati
