Peter Raschendorfer

<p>For good reason the Contact Form 7 plugin is the most used contact form plugin for WordPress. The downside is that you see the same boring spinning animation on zillions of websites. The CF7 Custom Spinner plugin allows you to customize this loader animation!</p>
<h3>Retired Plugin</h3>
<p>Development, maintenance and support of this plugin has been retired in october 2023. You can use this plugin as long as is works for you.</p>
<p>There will be no more updates and I won’t answer any support questions. Thanks for your understanding.</p>
<p>Feel free to fork this plugin.</p>
<h3>Usage</h3>
<p>Customize the spinner animation in ‘CF7 Custom Spinner’ section of your WordPress Dashboard. That’s it!</p>
<h3>Customization Options</h3>
<p>This plugin allows you to choose from</p>
<ul>
<li>12 animations</li>
<li>16 colors</li>
<li>3 sizes</li>
</ul>
<p>(which gives a total of 576 possible combinations)</p>
<h3>Requirements</h3>
<p>The only requirement for this plugin is that you have the Contact Form 7 plugin installed and activated.</p>
<h3>Plugin Privacy Information</h3>
<ul>
<li>This plugin does not set cookies</li>
<li>This plugin does not collect or store any data</li>
<li>This plugin does not send any data to external servers</li>
</ul>
<h3>Credits</h3>
<p>Thanks a lot to <a href="https://ideasilo.wordpress.com/" rel="nofollow ugc">Takayuki Miyoshi</a> for the great Contact Form 7 plugin. Thanks a lot to <a href="http://tobiasahlin.com/" rel="nofollow ugc">Tobias Ahlin</a> for creating the beautiful CSS only loading spinners.</p>


Custom Spinner for Contact Form 7

Customize the spinning Loader Animation of Contact Form 7

mamunitiw

<p><strong>WP Preloader</strong> displays a beautiful loading screen while your website loads — and removes it smoothly once the page is ready.</p>
<p>Version 2.1 adds major new features including logo display, loading text, gradient backgrounds, progress bar, 5 new spinner styles, exit animations, and once-per-session control.</p>
<h4>✨ What’s New in v2.1</h4>
<ul>
<li><strong>Custom Logo</strong> — display your site logo above the spinner</li>
<li><strong>Loading Text</strong> — show custom text below the spinner (e.g. “Loading…”)</li>
<li><strong>Gradient Background</strong> — two-color gradient instead of solid color</li>
<li><strong>Progress Bar</strong> — animated progress bar along top or bottom of screen</li>
<li><strong>5 New Spinners</strong> — Bounce, Spiral, Flip Card, Clock, Heartbeat</li>
<li><strong>Exit Animations</strong> — Fade (default), Slide Up, Zoom Out</li>
<li><strong>Show Once Per Session</strong> — preloader shows only once per browser session</li>
<li><strong>Tabbed admin settings</strong> — General, Design, Logo & Text, Progress Bar, Timing</li>
</ul>
<h4>🎨 All 10 Spinner Styles</h4>
<ol>
<li>Circle (Rotating Arc)</li>
<li>Ring (Dual Ring)</li>
<li>Dots (Bouncing)</li>
<li>Bars (Wave)</li>
<li>Pulse (Ripple)</li>
<li>Bounce Ball — New in v2.1</li>
<li>Spiral (Double) — New in v2.1</li>
<li>Flip Card — New in v2.1</li>
<li>Clock — New in v2.1</li>
<li>Heartbeat — New in v2.1</li>
</ol>
<h4>⚙️ All Settings</h4>
<ul>
<li>Enable / disable sitewide</li>
<li>Disable for logged-in users</li>
<li>Disable on mobile</li>
<li>Show once per session</li>
<li>Exclude specific pages</li>
<li>Background: solid color or gradient (2 colors + direction)</li>
<li>Background opacity</li>
<li>Spinner type (10 styles) and color</li>
<li>Custom image / GIF upload</li>
<li>Logo upload with width control</li>
<li>Loading text with color and size</li>
<li>Progress bar with color, height, position</li>
<li>Exit animation (fade, slide up, zoom out)</li>
<li>Minimum display time</li>
<li>Exit animation duration</li>
<li>Live preview in admin panel</li>
</ul>


WP Preloader

Works fine...!!!

A simple, responsive and customizable WordPress preloader with CSS spinners, logo, progress bar, gradient backgrounds, exit animations and more.

Custom Spinner for Contact Form 7 vs WP Preloader