{"id":31441,"date":"2014-09-03T10:11:01","date_gmt":"2014-09-03T10:11:01","guid":{"rendered":"https:\/\/wordpress.org\/plugins-wp\/dwl-preloader\/"},"modified":"2026-04-03T10:32:37","modified_gmt":"2026-04-03T10:32:37","slug":"dwl-preloader","status":"publish","type":"plugin","link":"https:\/\/pcd.wordpress.org\/plugins\/dwl-preloader\/","author":13912880,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"3.0","stable_tag":"3.0","tested":"6.9.4","requires":"5.0","requires_php":"7.2","requires_plugins":null,"header_name":"DWL Preloader","header_author":"Dream Web Lab","header_description":"","assets_banners_color":"f5f5f5","last_updated":"2026-04-03 10:32:37","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/crazycafe.net","header_author_uri":"https:\/\/crazycafe.net","rating":5,"author_block_rating":0,"active_installs":100,"downloads":7921,"num_ratings":4,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0":{"tag":"1.0","author":"yeasin62","date":"2022-01-25 00:19:06"},"2.0":{"tag":"2.0","author":"yeasin62","date":"2022-01-25 00:19:06"},"3.0":{"tag":"3.0","author":"yeasin62","date":"2026-04-03 10:32:37"}},"upgrade_notice":{"3.0":"<p>Major update \u2014 adds 10 preloader styles, live preview admin panel, background color picker, and enable\/disable toggle.<\/p>"},"ratings":{"1":0,"2":0,"3":0,"4":0,"5":"4"},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":2664042,"resolution":"128x128","location":"assets","locale":""}},"assets_banners":{"banner-772x250.png":{"filename":"banner-772x250.png","revision":1319775,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0","2.0","3.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":977822,"resolution":"1","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3498120,"resolution":"2","location":"assets","locale":""}},"screenshots":{"1":"Admin settings panel showing all 10 preloader styles with live preview.","2":"Background color picker and enable\/disable toggle in the sidebar.","3":"Example of the Triple Ring preloader on a live website.","4":"Example of the Wave Bars preloader 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-31441","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\/dwl-preloader\/assets\/banner-772x250.png?rev=1319775","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/dwl-preloader\/assets\/icon-128x128.png?rev=2664042","icon_2x":false,"generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/dwl-preloader\/assets\/screenshot-1.png?rev=977822","caption":"Admin settings panel showing all 10 preloader styles with live preview."},{"src":"https:\/\/ps.w.org\/dwl-preloader\/assets\/screenshot-2.png?rev=3498120","caption":"Background color picker and enable\/disable toggle in the sidebar."}],"raw_content":"<!--section=description-->\n<p><strong>DWL Preloader<\/strong> displays an animated loading screen while your WordPress site loads. It comes with <strong>10 unique SVG-based preloader animations<\/strong> that you can preview and select directly from the WordPress admin panel.<\/p>\n\n<p>Whether you want a sleek spinner, bouncing dots, a heartbeat line, or a morphing blob \u2014 DWL Preloader has something for every website style.<\/p>\n\n<h4>\u2728 Key Features<\/h4>\n\n<ul>\n<li><strong>10 Unique Preloader Styles<\/strong> \u2014 All built with pure SVG animations, no external libraries needed.<\/li>\n<li><strong>Live Preview in Admin<\/strong> \u2014 Click any preloader style in the admin panel and see it animate in real time before saving.<\/li>\n<li><strong>Background Color Picker<\/strong> \u2014 Choose any background color for the preloader overlay to match your brand.<\/li>\n<li><strong>Enable \/ Disable Toggle<\/strong> \u2014 Instantly enable or disable the preloader from the settings panel without deactivating the plugin.<\/li>\n<li><strong>Lightweight &amp; Fast<\/strong> \u2014 Pure SVG animations with no dependencies. No GIF files, no heavy JavaScript.<\/li>\n<li><strong>Auto-dismiss<\/strong> \u2014 The preloader fades out smoothly after the page finishes loading.<\/li>\n<li><strong>Theme Compatible<\/strong> \u2014 Works with any WordPress theme. Supports <code>wp_body_open<\/code> hook with a <code>wp_footer<\/code> fallback for maximum compatibility.<\/li>\n<li><strong>No Shortcodes Needed<\/strong> \u2014 Just install, activate, configure, and it works automatically on every page.<\/li>\n<li><strong>Settings Saved Instantly<\/strong> \u2014 All settings are stored in the WordPress options table and applied site-wide.<\/li>\n<\/ul>\n\n<h4>\ud83c\udfa8 Preloader Styles<\/h4>\n\n<ol>\n<li><strong>Triple Ring<\/strong> \u2014 Three concentric rings spinning in opposite directions with different speeds and colors.<\/li>\n<li><strong>Bouncing Dots<\/strong> \u2014 Four colorful dots bouncing in a rhythmic wave pattern.<\/li>\n<li><strong>Ripple Pulse<\/strong> \u2014 A pulsing dot with three expanding ripple rings that fade out.<\/li>\n<li><strong>Wave Bars<\/strong> \u2014 Five vertical bars animating like an audio equalizer wave.<\/li>\n<li><strong>Orbit Dots<\/strong> \u2014 Colored dots orbiting a central point like planets in a solar system.<\/li>\n<li><strong>Rotating Square<\/strong> \u2014 Nested squares rotating in opposite directions with a glowing center.<\/li>\n<li><strong>Morphing Blob<\/strong> \u2014 A fluid shape that continuously morphs and changes color.<\/li>\n<li><strong>Heartbeat<\/strong> \u2014 An animated ECG-style heartbeat line that draws itself repeatedly.<\/li>\n<li><strong>Hexagon Spin<\/strong> \u2014 Two hexagons rotating in opposite directions with a pulsing center.<\/li>\n<li><strong>Spiral Galaxy<\/strong> \u2014 Multiple dots orbiting at different radii and speeds, like a galaxy.<\/li>\n<\/ol>\n\n<h4>\ud83d\udee0 How It Works<\/h4>\n\n<ol>\n<li>Install and activate the plugin.<\/li>\n<li>Go to <strong>DWL Preloader<\/strong> in your WordPress admin menu.<\/li>\n<li>Click on any preloader style card to preview it live.<\/li>\n<li>Optionally pick a background color and toggle the preloader on or off.<\/li>\n<li>Click <strong>Save Settings<\/strong> \u2014 your visitors will now see the selected preloader when they visit your site.<\/li>\n<\/ol>\n\n<!--section=installation-->\n<ol>\n<li>Upload the <code>dwl-preloader<\/code> folder to the <code>\/wp-content\/plugins\/<\/code> directory, or install via <strong>Plugins \u2192 Add New<\/strong> in WordPress.<\/li>\n<li>Activate the plugin through the <strong>Plugins<\/strong> menu in WordPress.<\/li>\n<li>Navigate to <strong>DWL Preloader<\/strong> in the admin sidebar.<\/li>\n<li>Select your preferred preloader style and save.<\/li>\n<li>Visit your website to see the preloader in action.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"will%20this%20plugin%20slow%20down%20my%20website%3F\"><h3>Will this plugin slow down my website?<\/h3><\/dt>\n<dd><p>No. DWL Preloader uses pure inline SVG animations \u2014 there are no external image requests or heavy libraries. The total plugin footprint is minimal.<\/p><\/dd>\n<dt id=\"can%20i%20use%20a%20custom%20background%20color%3F\"><h3>Can I use a custom background color?<\/h3><\/dt>\n<dd><p>Yes. The settings panel includes a color picker that lets you choose any background color for the preloader overlay.<\/p><\/dd>\n<dt id=\"does%20it%20work%20with%20my%20theme%3F\"><h3>Does it work with my theme?<\/h3><\/dt>\n<dd><p>DWL Preloader is compatible with any properly coded WordPress theme. It uses the <code>wp_body_open<\/code> hook with a <code>wp_footer<\/code> fallback to ensure compatibility across all themes.<\/p><\/dd>\n<dt id=\"can%20i%20disable%20the%20preloader%20temporarily%3F\"><h3>Can I disable the preloader temporarily?<\/h3><\/dt>\n<dd><p>Yes. Use the <strong>Enable Preloader<\/strong> toggle in the settings panel to turn it on or off without deactivating the plugin.<\/p><\/dd>\n<dt id=\"does%20it%20work%20with%20page%20builders%20like%20elementor%20or%20gutenberg%3F\"><h3>Does it work with page builders like Elementor or Gutenberg?<\/h3><\/dt>\n<dd><p>Yes. The preloader runs at the page level and is independent of any page builder.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>3.0<\/h4>\n\n<ul>\n<li>Complete plugin rewrite with a modern admin interface.<\/li>\n<li>Added 10 unique SVG-based animated preloader styles.<\/li>\n<li>Added live preview: clicking a style instantly previews it in the sidebar.<\/li>\n<li>Added background color picker for the preloader overlay.<\/li>\n<li>Added enable\/disable toggle \u2014 no need to deactivate the plugin.<\/li>\n<li>Replaced deprecated <code>jQuery(window).load()<\/code> with <code>jQuery(window).on('load')<\/code>.<\/li>\n<li>Added <code>wp_body_open<\/code> hook support with <code>wp_footer<\/code> fallback.<\/li>\n<li>Added activation hook to set default plugin options.<\/li>\n<li>Improved code structure following WordPress coding standards.<\/li>\n<li>All output is properly escaped.<\/li>\n<\/ul>\n\n<h4>2.0<\/h4>\n\n<ul>\n<li>Initial public release with single spinning ring preloader.<\/li>\n<\/ul>","raw_excerpt":"A beautiful animated preloader plugin for WordPress. Choose from 10 stunning SVG preloader styles with a live preview admin panel.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/31441","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=31441"}],"author":[{"embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/yeasin62"}],"wp:attachment":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=31441"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=31441"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=31441"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=31441"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=31441"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=31441"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}