{"id":24617675,"url":"https://github.com/vishwas-r/preloadx-custom-preloader","last_synced_at":"2026-04-11T23:33:09.960Z","repository":{"id":273851497,"uuid":"919422483","full_name":"vishwas-r/preloadx-custom-preloader","owner":"vishwas-r","description":"Customize your WordPress site's preloader with multiple CSS preloaders and flexible background options, including colors, gradients, or images, with adjustable foreground colors for some loaders.","archived":false,"fork":false,"pushed_at":"2025-04-22T04:59:06.000Z","size":897,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-22T06:38:56.722Z","etag":null,"topics":["css-loader","preloader","wordpress","wordpress-plugin"],"latest_commit_sha":null,"homepage":"","language":"PHP","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/vishwas-r.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-01-20T11:09:19.000Z","updated_at":"2025-04-22T04:59:10.000Z","dependencies_parsed_at":"2025-01-23T11:23:48.970Z","dependency_job_id":"08cda380-3362-4e18-8a99-a191108f9380","html_url":"https://github.com/vishwas-r/preloadx-custom-preloader","commit_stats":null,"previous_names":["vishwas-r/preloadx-custom-preloader"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/vishwas-r/preloadx-custom-preloader","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vishwas-r%2Fpreloadx-custom-preloader","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vishwas-r%2Fpreloadx-custom-preloader/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vishwas-r%2Fpreloadx-custom-preloader/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vishwas-r%2Fpreloadx-custom-preloader/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/vishwas-r","download_url":"https://codeload.github.com/vishwas-r/preloadx-custom-preloader/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vishwas-r%2Fpreloadx-custom-preloader/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31699437,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-11T21:17:31.016Z","status":"ssl_error","status_checked_at":"2026-04-11T21:17:24.556Z","response_time":54,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css-loader","preloader","wordpress","wordpress-plugin"],"created_at":"2025-01-24T23:39:53.809Z","updated_at":"2026-04-11T23:33:09.954Z","avatar_url":"https://github.com/vishwas-r.png","language":"PHP","funding_links":[],"categories":[],"sub_categories":[],"readme":"# PreloadX - Custom Preloader\n\n[![WordPress Plugin Version](https://img.shields.io/wordpress/plugin/v/preloadx-custom-preloader.svg)](https://wordpress.org/plugins/preloadx-custom-preloader/)\n[![WordPress Tested Up To](https://img.shields.io/wordpress/v/preloadx-custom-preloader.svg)](https://wordpress.org/plugins/preloadx-custom-preloader/)\n[![WordPress Plugin Rating](https://img.shields.io/wordpress/plugin/r/preloadx-custom-preloader.svg)](https://wordpress.org/plugins/preloadx-custom-preloader/)\n[![WordPress Plugin Downloads](https://img.shields.io/wordpress/plugin/dt/preloadx-custom-preloader.svg)](https://wordpress.org/plugins/preloadx-custom-preloader/)\n[![License: GPL v3](https://img.shields.io/badge/License-GPL%20v3-blue.svg)](https://www.gnu.org/licenses/gpl-3.0.en.html)\n\nCustomize your WordPress site's preloader with multiple CSS preloaders and flexible background options, including colors, gradients, or images, with adjustable foreground colors for some loaders.\n\n---\n\nEnhance your WordPress site with a fully customizable preloader.\n\nPreloadX allows you to seamlessly add a preloader to your site with multiple CSS-based preloader styles to choose from. Customize the preloader to fit your site’s design by adjusting the background color, gradient, or even uploading a custom image. For some preloader styles, you can also adjust the foreground color, though some loaders use multiple colors for visual effects and do not support this customization.\n\n### Key Features:\n- **Multiple CSS preloaders** to choose from\n- **Customizable foreground color** for some preloaders\n- **Background color, gradient, or image options** for full customization\n- **Fully responsive** and works across all devices\n- **Easy-to-use settings page** for quick configuration\n- **Lightweight and optimized** for performance\n- **Compatible with any WordPress theme**\n\n## Installation\n\n### Automatic Installation\n\nAutomatic installation is the easiest option — WordPress will handle the file transfer, and you won’t need to leave your web browser.\n\nTo do an automatic install of PreloadX - Custom Preloader, follow these steps:\n1. Log in to your WordPress dashboard.\n2. Navigate to the Plugins menu and click **Add New**.\n3. In the search field, type **PreloadX - Custom Preloader**, then click **Search Plugins**.\n4. Once you find the plugin, click **Install Now**. WordPress will take care of the rest.\n5. After installation, click **Activate** to enable the plugin.\n\n### Manual Installation\n\nIf you prefer to install manually, you can download the plugin and upload it to your server via FTP.\n\nFollow these steps for manual installation:\n1. Download the PreloadX - Custom Preloader plugin zip file from the WordPress repository.\n2. Using your preferred FTP application, upload the plugin folder to your WordPress site’s `/wp-content/plugins/` directory.\n3. Once uploaded, go to your WordPress dashboard, navigate to **Plugins \u003e Installed Plugins**.\n4. Find **PreloadX - Custom Preloader** in the list and click **Activate**.\n\nFor more detailed instructions on manual plugin installation, refer to the [WordPress Codex on Plugin Installation](https://wordpress.org/support/article/managing-plugins/#manual-plugin-installation).\n\nAdd a stylish, seamless preloading experience to your WordPress site with PreloadX, and keep your visitors engaged during page load times!\n\n## Screenshots\n##### Bouncing Bubbles\n![Bouncing Bubbles](/images/bouncing-bubbles.gif)\n\n##### Hourglass\n![Hourglass](/images/hourglass.gif)\n\n##### Loading Text\n![Loading Text](/images/loading-text.gif)\n\n##### Spinner\n![EKG Waves](/images/spinner.gif)\n\n##### Scaling Bubble Colors\n![Scaling Bubble Colors](/images/scaling-bubble-colors.gif)\n\n##### Square Loader\n![Square](/images/square.gif)\n\n##### Rounded Loader\n![Square](/images/rounded-loader.gif)\n\n##### Wavy Colors\n![Wavy Colors](/images/wavy-colors.gif)\n\n##### Clock\n![Clock](/images/clock.gif)\n\n## FAQs\n\n### How do I customize the preloader?\nNavigate to PreloadX Settings → Select desired preloader and adjust the styles as needed \u0026 click 'Save Changes'.\n\n### Can I customize the preloader’s colors?\nYou can customize the **background color** of your preloader, and for some loaders, you can also adjust the **foreground color**. However, for certain preloader styles that use multiple colors to create visual effects, the foreground color customization is not available.\n\n### Can I set a gradient or image for the background?\nYes! In addition to solid colors, you can customize the background with either a **gradient** or an **image**, giving you more flexibility to match your site’s design.\n\n### Do I need to know any coding to use this plugin?\nNo coding is required! PreloadX is designed to be user-friendly, with an easy-to-use settings page where you can customize the preloader without needing to write any code.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvishwas-r%2Fpreloadx-custom-preloader","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvishwas-r%2Fpreloadx-custom-preloader","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvishwas-r%2Fpreloadx-custom-preloader/lists"}