Ridhwan Ahsan

<p>Custom Name Cursor Badge allows you to add a floating badge that follows the mouse cursor smoothly. It’s fully customizable from the WordPress admin panel and uses high-performance SVG and JavaScript.</p>
<h4>Features</h4>
<ul>
<li>Smooth cursor-follow animation using requestAnimationFrame.</li>
<li>Modern pill-shaped SVG design with customizable colors and text.</li>
<li>Live preview in the admin settings panel.</li>
<li>Lightweight and performance-oriented (no jQuery dependency on frontend).</li>
<li>Mobile-friendly (automatically disabled on small screens).</li>
</ul>


Custom Name Cursor Badge

A lightweight, modern WordPress plugin that adds a custom live cursor badge effect to your website.

RoarDev

<p><strong>Cursor Style & Animation</strong> is a premium-quality WordPress plugin that adds engaging mouse cursor effects to enhance your website’s interactivity and visual appeal. Perfect for modern websites looking to create memorable user experiences.</p>
<h4>🎨 **Key Features**</h4>
<ul>
<li><strong>4 Beautiful Animation Types</strong>: Trail, Particles, Ripple, and Magnetic effects</li>
<li><strong>10+ Cursor Styles</strong>: From classic to modern, including custom images</li>
<li><strong>Mobile Optimized</strong>: Optional mobile support with performance considerations</li>
<li><strong>Performance Focused</strong>: Smooth 60fps animations with minimal resource usage</li>
<li><strong>Accessibility Friendly</strong>: Respects user preferences and accessibility standards</li>
<li><strong>Easy Customization</strong>: Intuitive admin interface with live preview</li>
<li><strong>Modern Web Standards</strong>: Built with vanilla JavaScript and HTML5 Canvas</li>
</ul>
<h4>🎯 **Animation Effects**</h4>
<p><strong>Trail Effect</strong>: Smooth trailing animation that follows your mouse with customizable length and color.</p>
<p><strong>Particle Effect</strong>: Dynamic particle system with physics simulation that spawns particles as you move.</p>
<p><strong>Ripple Effect</strong>: Expanding circular ripples on mouse movement for a water-like effect.</p>
<p><strong>Magnetic Effect</strong>: Interactive element attraction and repulsion for engaging interactions.</p>
<h4>🖱️ **Cursor Styles**</h4>
<p>Choose from various cursor styles:<br />
* Default, Pointer, Crosshair, Text, Wait, Move, Grab<br />
* Zoom In/Out cursors<br />
* Custom Image support (PNG, SVG, CUR formats)<br />
* Hidden cursor option</p>
<h4>⚙️ **Easy Configuration**</h4>
<ul>
<li><strong>Animation Type</strong>: Select from 4 different effects</li>
<li><strong>Trail Settings</strong>: Customize length, size, and color</li>
<li><strong>Animation Speed</strong>: Control from 0.1x to 2.0x</li>
<li><strong>Cursor Style</strong>: Choose from 10+ predefined styles</li>
<li><strong>Custom Cursors</strong>: Upload your own cursor images</li>
<li><strong>Mobile Support</strong>: Optional touch-based interactions</li>
</ul>
<h4>🚀 **Performance Optimized**</h4>
<ul>
<li>Hardware acceleration using GPU</li>
<li>Efficient canvas rendering</li>
<li>Automatic memory management</li>
<li>Mobile optimization</li>
<li>Respect for user’s motion preferences</li>
<li>No impact on SEO or page load speed</li>
</ul>
<h4>♿ **Accessibility Compliant**</h4>
<ul>
<li>Respects <code>prefers-reduced-motion</code> media query</li>
<li>No interference with screen readers</li>
<li>Keyboard navigation support</li>
<li>High contrast mode compatibility</li>
<li>Print-friendly (disables on print)</li>
</ul>
<h4>🌐 **Browser Support**</h4>
<ul>
<li>Chrome 60+ (Full support)</li>
<li>Firefox 55+ (Full support)</li>
<li>Safari 12+ (Full support)</li>
<li>Edge 79+ (Full support)</li>
<li>Internet Explorer 11 (Limited support)</li>
</ul>
<h4>📱 **Mobile Support**</h4>
<p>Optional mobile device support with touch-based interactions. The plugin automatically adapts effects for touch devices while maintaining performance.</p>
<h4>🔧 **Developer Friendly**</h4>
<ul>
<li>JavaScript hooks for custom integrations</li>
<li>CSS classes for custom styling</li>
<li>WordPress hooks and filters</li>
<li>Translation-ready with .pot files</li>
<li>Comprehensive documentation</li>
</ul>
<h4>🎨 **Usage Examples**</h4>
<p>The plugin works automatically once activated. Simply move your mouse around your website to see the beautiful effects.</p>
<p><strong>HTML Integration:</strong><br />
    <code>html<br />
<br />
<a href="#">Link with pointer cursor</a><br />
<button>Button with pointer cursor</button><br />
<input type="text" placeholder="Text input with text cursor"><br />
<div draggable="true">Draggable element with grab cursor</div></code></p>
<p><strong>Magnetic Effect:</strong><br />
    <code>html<br />
<button class="magnetic">Magnetic Button</button><br />
<div data-magnetic>Magnetic Div</div></code></p>
<h4>🚀 **Quick Start**</h4>
<ol>
<li>Install and activate the plugin</li>
<li>Go to <strong>Settings > Cursor Style & Animation</strong></li>
<li>Choose your preferred animation type</li>
<li>Customize settings as needed</li>
<li>Save changes and enjoy!</li>
</ol>
<h4>📋 **System Requirements**</h4>
<ul>
<li>WordPress 5.0 or higher</li>
<li>PHP 7.4 or higher</li>
<li>Modern web browser with JavaScript enabled</li>
</ul>
<h4>🆘 **Support**</h4>
<p>For support and assistance:<br />
* Check the troubleshooting section in documentation<br />
* Review the FAQ section<br />
* Visit our support page<br />
* Contact the developer</p>
<h4>☕ **Support the Developer**</h4>
<p>If you find this plugin helpful, consider supporting its continued development:<br />
<a href="https://buymeacoffee.com/iksopnil" rel="nofollow ugc">Buy Me a Coffee</a></p>

Cursor Style & Animation

Transform your website with beautiful cursor animations and custom cursor styles. Features 4 animation types, 10+ cursor styles, and mobile support.

Custom Name Cursor Badge vs Cursor Style & Animation