{"id":41055,"date":"2016-01-01T17:43:47","date_gmt":"2016-01-01T17:43:47","guid":{"rendered":"https:\/\/wordpress.org\/plugins-wp\/sweet-sharmin-preloader\/"},"modified":"2026-04-03T10:55:59","modified_gmt":"2026-04-03T10:55:59","slug":"sweet-sharmin-preloader","status":"publish","type":"plugin","link":"https:\/\/os.wordpress.org\/plugins\/sweet-sharmin-preloader\/","author":13912880,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"2.0","stable_tag":"2.0","tested":"6.9.4","requires":"5.0","requires_php":"7.2","requires_plugins":null,"header_name":"Sweet Sharmin Preloader","header_author":"Dream Web Lab","header_description":"","assets_banners_color":"1e1e1e","last_updated":"2026-04-03 10:55:59","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/crazycafe.net","header_author_uri":"https:\/\/crazycafe.net","rating":0,"author_block_rating":0,"active_installs":0,"downloads":899,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"2.0":{"tag":"2.0","author":"yeasin62","date":"2026-04-03 10:55:59"}},"upgrade_notice":{"2.0":"

Major update \u2014 replaces the GIF preloader with 14 stunning SVG animated styles. Adds a full admin panel with live preview, background color picker, and enable\/disable toggle. Highly recommended upgrade.<\/p>"},"ratings":{"1":0,"2":0,"3":0,"4":0,"5":0},"assets_icons":[],"assets_banners":{"banner-772x250.png":{"filename":"banner-772x250.png","revision":1319762,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["2.0"],"block_files":[],"assets_screenshots":{"Screenshot-1.png":{"filename":"Screenshot-1.png","revision":3498142,"resolution":"1","location":"assets","locale":""}},"screenshots":{"1":"Admin panel showing all 14 preloader styles in a responsive grid with live preview sidebar.","2":"Background color picker and enable\/disable toggle controls in the settings sidebar.","3":"Flower Bloom preloader displayed on a live website.","4":"Neon Spinner preloader displayed on a live website.","5":"Fire Flame preloader displayed on a live website."},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[7511,154083,32564,791,259354],"plugin_category":[],"plugin_contributors":[259355],"plugin_business_model":[],"class_list":["post-41055","plugin","type-plugin","status-publish","hentry","plugin_tags-animated-preloader","plugin_tags-loading-screen","plugin_tags-page-loader","plugin_tags-preloader","plugin_tags-svg-preloader","plugin_contributors-yeasin62","plugin_committers-yeasin62"],"banners":{"banner":"https:\/\/ps.w.org\/sweet-sharmin-preloader\/assets\/banner-772x250.png?rev=1319762","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/sweet-sharmin-preloader_1e1e1e.svg","icon_2x":false,"generated":true},"screenshots":[{"src":"https:\/\/ps.w.org\/sweet-sharmin-preloader\/assets\/Screenshot-1.png?rev=3498142","caption":"Admin panel showing all 14 preloader styles in a responsive grid with live preview sidebar."}],"raw_content":"\n

Sweet Sharmin Preloader<\/strong> displays a gorgeous animated loading screen while your WordPress site loads. It comes with 14 unique SVG-based preloader animations<\/strong> \u2014 each handcrafted to be visually stunning, smooth, and lightweight.<\/p>\n\n

All animations are built with pure SVG \u2014 no GIF files, no external image requests, no third-party libraries. Just clean, fast, beautiful animations that work on every device and browser.<\/p>\n\n

Browse and select your preferred style directly from the WordPress admin panel with an animated live preview<\/strong> \u2014 no coding required.<\/p>\n\n

\u2728 Key Features<\/h4>\n\n
    \n
  • 14 Unique Preloader Styles<\/strong> \u2014 Pure SVG animations. No GIFs, no external libraries, no HTTP requests for assets.<\/li>\n
  • Live Preview in Admin<\/strong> \u2014 Click any style and instantly see it animate in the preview panel before saving.<\/li>\n
  • Background Color Picker<\/strong> \u2014 Choose any hex color for the preloader overlay to perfectly match your brand or theme.<\/li>\n
  • Enable \/ Disable Toggle<\/strong> \u2014 Turn the preloader on or off instantly without deactivating the plugin.<\/li>\n
  • Lightweight & Fast<\/strong> \u2014 Zero image dependencies. The plugin adds minimal overhead to your site.<\/li>\n
  • Smooth Fade-out<\/strong> \u2014 The preloader fades away elegantly after the page finishes loading.<\/li>\n
  • Theme Compatible<\/strong> \u2014 Uses the wp_body_open<\/code> hook with a wp_footer<\/code> fallback for universal theme support.<\/li>\n
  • No Shortcodes Needed<\/strong> \u2014 Works automatically on every page, front page, posts, and archives after activation.<\/li>\n
  • Clean Admin UI<\/strong> \u2014 A beautifully designed settings panel with colorful gradient accents, intuitive controls, and a responsive layout.<\/li>\n
  • Settings Stored in Database<\/strong> \u2014 All preferences are saved in the WordPress options table and applied site-wide instantly.<\/li>\n
  • WordPress Coding Standards<\/strong> \u2014 All output is properly escaped. Follows WordPress best practices throughout.<\/li>\n<\/ul>\n\n

    \ud83c\udfa8 Preloader Styles<\/h4>\n\n
      \n

    1. Flower Bloom<\/strong> \u2014 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.<\/p><\/li>\n

    2. Infinity Loop<\/strong> \u2014 A gradient infinity symbol (indigo \u2192 pink \u2192 amber) continuously draws and un-draws itself along the path, creating a hypnotic looping effect. Great for creative or portfolio sites.<\/p><\/li>\n

    3. Neon Spinner<\/strong> \u2014 Three concentric glowing rings in neon cyan, magenta, and green spin at different speeds with a CSS blur glow filter applied. Striking and modern \u2014 perfect for tech or gaming sites.<\/p><\/li>\n

    4. Diamond Cascade<\/strong> \u2014 Three nested diamond (rhombus) shapes rotating in alternating directions, fading in and out with a glowing center dot that pulses. Elegant and geometric.<\/p><\/li>\n

    5. Clock Tick<\/strong> \u2014 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.<\/p><\/li>\n

    6. Cube 3D<\/strong> \u2014 An isometric 3D cube with three visible faces in different shades of indigo that rotates in three-dimensional space. Clean and minimalist.<\/p><\/li>\n

    7. Snake Trail<\/strong> \u2014 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.<\/p><\/li>\n

    8. Particle Burst<\/strong> \u2014 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.<\/p><\/li>\n

    9. Water Drop<\/strong> \u2014 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.<\/p><\/li>\n

    10. Rainbow Arc<\/strong> \u2014 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.<\/p><\/li>\n

    11. Kaleidoscope<\/strong> \u2014 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.<\/p><\/li>\n

    12. Starfield<\/strong> \u2014 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.<\/p><\/li>\n

    13. DNA Spiral<\/strong> \u2014 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.<\/p><\/li>\n

    14. Fire Flame<\/strong> \u2014 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.<\/p><\/li>\n<\/ol>\n\n

      \ud83d\udee0 How to Use<\/h4>\n\n
        \n
      1. Install and activate the plugin.<\/li>\n
      2. Go to Sharmin Preloader<\/strong> in your WordPress admin sidebar.<\/li>\n
      3. Click on any preloader card \u2014 you will see a live animated preview in the sidebar instantly.<\/li>\n
      4. Optionally choose a background color using the color picker.<\/li>\n
      5. Toggle the preloader on or off using the enable switch.<\/li>\n
      6. Click Save Settings<\/strong> \u2014 your visitors will now see the selected preloader when they visit your website.<\/li>\n<\/ol>\n\n

        \u26a1 Technical Details<\/h4>\n\n
          \n
        • All 14 preloaders use native SVG SMIL animations \u2014 no CSS keyframe dependencies.<\/li>\n
        • The preloader overlay uses z-index: 99999<\/code> to always appear on top.<\/li>\n
        • Uses jQuery(window).on('load')<\/code> \u2014 compatible with all modern WordPress\/jQuery versions.<\/li>\n
        • Supports wp_body_open<\/code> hook (WordPress 5.2+) with automatic wp_footer<\/code> fallback.<\/li>\n
        • Script and style handles are uniquely prefixed (ssp-<\/code>) to avoid conflicts with other plugins.<\/li>\n
        • Settings are stored as WordPress options: ssp_preloader_style<\/code>, ssp_preloader_bg<\/code>, ssp_preloader_enabled<\/code>.<\/li>\n<\/ul>\n\n\n

          Automatic Installation:<\/strong><\/p>\n\n

            \n
          1. Go to Plugins \u2192 Add New<\/strong> in your WordPress dashboard.<\/li>\n
          2. Search for \"Sweet Sharmin Preloader\".<\/li>\n
          3. Click Install Now<\/strong>, then Activate<\/strong>.<\/li>\n<\/ol>\n\n

            Manual Installation:<\/strong><\/p>\n\n

              \n
            1. Download the plugin zip file.<\/li>\n
            2. Go to Plugins \u2192 Add New \u2192 Upload Plugin<\/strong>.<\/li>\n
            3. Upload the zip file and click Install Now<\/strong>.<\/li>\n
            4. Activate the plugin through the Plugins<\/strong> menu.<\/li>\n<\/ol>\n\n

              After Activation:<\/strong><\/p>\n\n

                \n
              1. Go to Sharmin Preloader<\/strong> in the admin sidebar.<\/li>\n
              2. Choose a preloader style and save. That's it!<\/li>\n<\/ol>\n\n\n
                \n

                Will this plugin slow down my website?<\/h3><\/dt>\n

                No. All 14 animations are pure inline SVG \u2014 there are no external image requests, no GIF files, and no third-party JavaScript libraries. The plugin adds minimal overhead to your page load.<\/p><\/dd>\n

                Can I pick a custom background color for the overlay?<\/h3><\/dt>\n

                Yes. The settings panel includes a color picker where you can choose any background color to match your site's design.<\/p><\/dd>\n

                Does it work with all WordPress themes?<\/h3><\/dt>\n

                Yes. Sweet Sharmin Preloader uses the wp_body_open<\/code> hook (supported by all well-coded themes) with an automatic wp_footer<\/code> fallback, ensuring compatibility with virtually all WordPress themes including Astra, OceanWP, GeneratePress, Divi, Avada, and more.<\/p><\/dd>\n

                Can I disable it temporarily without deactivating?<\/h3><\/dt>\n

                Yes. Simply toggle the Enable Preloader<\/strong> switch in the settings panel to off and save. The plugin stays active but the preloader will not appear on the front end.<\/p><\/dd>\n

                Does it work with Elementor, WPBakery, or other page builders?<\/h3><\/dt>\n

                Yes. The preloader runs at the page HTML level and is completely independent of any page builder or theme builder.<\/p><\/dd>\n

                Is the preloader shown in the WordPress admin?<\/h3><\/dt>\n

                No. The preloader only loads on the front end of your website. It does not affect the WordPress admin dashboard.<\/p><\/dd>\n

                How is the selected preloader saved?<\/h3><\/dt>\n

                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.<\/p><\/dd>\n

                Can I use this on a multisite installation?<\/h3><\/dt>\n

                Yes. The plugin is compatible with WordPress Multisite. Settings are stored per-site.<\/p><\/dd>\n\n<\/dl>\n\n\n

                2.0<\/h4>\n\n
                  \n
                • Complete plugin rewrite with a modern codebase.<\/li>\n
                • Added 14 unique hand-crafted SVG animated preloader styles.<\/li>\n
                • Added a beautiful live preview admin panel with gradient UI.<\/li>\n
                • Added background color picker for the preloader overlay.<\/li>\n
                • Added enable\/disable toggle \u2014 no need to deactivate the plugin.<\/li>\n
                • Replaced deprecated jQuery(window).load()<\/code> with jQuery(window).on('load')<\/code>.<\/li>\n
                • Added wp_body_open<\/code> hook support with automatic wp_footer<\/code> fallback.<\/li>\n
                • Removed all GIF-based preloader assets and image dependencies.<\/li>\n
                • Added activation hook with default option values.<\/li>\n
                • All output is properly escaped. Follows WordPress coding standards.<\/li>\n
                • Added unique ssp_<\/code> prefix to all functions, options, and handles.<\/li>\n<\/ul>\n\n

                  1.0<\/h4>\n\n
                    \n
                  • Initial release with a single GIF-based preloader animation.<\/li>\n<\/ul>","raw_excerpt":"A beautiful animated preloader plugin for WordPress. Choose from 14 stunning SVG preloader styles with a live preview admin panel.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/os.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/41055","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/os.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/os.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/os.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=41055"}],"author":[{"embeddable":true,"href":"https:\/\/os.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/yeasin62"}],"wp:attachment":[{"href":"https:\/\/os.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=41055"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/os.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=41055"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/os.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=41055"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/os.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=41055"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/os.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=41055"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/os.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=41055"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}