Cursor Style & Animation

plugin banner

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

Author:Mohammad Ibrahim Khalil (profile at wordpress.org)
WordPress version required:5.0
WordPress version tested:6.9
Plugin version:1.0.0
Added to WordPress repository:11-01-2026
Last updated:11-01-2026
Rating, %:100
Rated by:2
Plugin URI:https://roardev.xyz/cursor-style-animation
Total downloads:269
Active installs:20+
plugin download
Click to start download

Cursor Style & Animation 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.

???? **Key Features**

  • 4 Beautiful Animation Types: Trail, Particles, Ripple, and Magnetic effects
  • 10+ Cursor Styles: From classic to modern, including custom images
  • Mobile Optimized: Optional mobile support with performance considerations
  • Performance Focused: Smooth 60fps animations with minimal resource usage
  • Accessibility Friendly: Respects user preferences and accessibility standards
  • Easy Customization: Intuitive admin interface with live preview
  • Modern Web Standards: Built with vanilla JavaScript and HTML5 Canvas

???? **Animation Effects**

Trail Effect: Smooth trailing animation that follows your mouse with customizable length and color.

Particle Effect: Dynamic particle system with physics simulation that spawns particles as you move.

Ripple Effect: Expanding circular ripples on mouse movement for a water-like effect.

Magnetic Effect: Interactive element attraction and repulsion for engaging interactions.

????️ **Cursor Styles**

Choose from various cursor styles:
* Default, Pointer, Crosshair, Text, Wait, Move, Grab
* Zoom In/Out cursors
* Custom Image support (PNG, SVG, CUR formats)
* Hidden cursor option

⚙️ **Easy Configuration**

  • Animation Type: Select from 4 different effects
  • Trail Settings: Customize length, size, and color
  • Animation Speed: Control from 0.1x to 2.0x
  • Cursor Style: Choose from 10+ predefined styles
  • Custom Cursors: Upload your own cursor images
  • Mobile Support: Optional touch-based interactions

???? **Performance Optimized**

  • Hardware acceleration using GPU
  • Efficient canvas rendering
  • Automatic memory management
  • Mobile optimization
  • Respect for user’s motion preferences
  • No impact on SEO or page load speed

♿ **Accessibility Compliant**

  • Respects prefers-reduced-motion media query
  • No interference with screen readers
  • Keyboard navigation support
  • High contrast mode compatibility
  • Print-friendly (disables on print)

???? **Browser Support**

  • Chrome 60+ (Full support)
  • Firefox 55+ (Full support)
  • Safari 12+ (Full support)
  • Edge 79+ (Full support)
  • Internet Explorer 11 (Limited support)

???? **Mobile Support**

Optional mobile device support with touch-based interactions. The plugin automatically adapts effects for touch devices while maintaining performance.

???? **Developer Friendly**

  • JavaScript hooks for custom integrations
  • CSS classes for custom styling
  • WordPress hooks and filters
  • Translation-ready with .pot files
  • Comprehensive documentation

???? **Usage Examples**

The plugin works automatically once activated. Simply move your mouse around your website to see the beautiful effects.

HTML Integration:
html
<!-- Elements automatically get appropriate cursor styles -->
<a href="#">Link with pointer cursor</a>
<button>Button with pointer cursor</button>
<input type="text" placeholder="Text input with text cursor">
<div draggable="true">Draggable element with grab cursor</div>

Magnetic Effect:
html
<button class="magnetic">Magnetic Button</button>
<div data-magnetic>Magnetic Div</div>

???? **Quick Start**

  1. Install and activate the plugin
  2. Go to Settings > Cursor Style & Animation
  3. Choose your preferred animation type
  4. Customize settings as needed
  5. Save changes and enjoy!

???? **System Requirements**

  • WordPress 5.0 or higher
  • PHP 7.4 or higher
  • Modern web browser with JavaScript enabled

???? **Support**

For support and assistance:
* Check the troubleshooting section in documentation
* Review the FAQ section
* Visit our support page
* Contact the developer

☕ **Support the Developer**

If you find this plugin helpful, consider supporting its continued development:
Buy Me a Coffee

Screenshots
FAQ
ChangeLog