This tool lets you create custom cursor effects for your website with zero coding knowledge. From subtle dot cursors to eye-catching particle trails, it generates all the code you need—just customise, copy, and paste.

Here's how to use it:

1. Start by selecting a cursor style for normal browsing - choose from built-in options like dots and circles, or select one of the pre-loaded cursor images.
2. Customize the hover state cursor that appears when users hover over buttons and links.
3. Add an effect if desired - particle trails create a flowing motion, sparkles add twinkling dots, spotlight creates a dramatic darkened page with light following the cursor, magnetic buttons pull toward the cursor, and blob follow adds a morphing shape behind your cursor.
4. Adjust the colors, sizes, and behaviors using the sliders and color pickers. Watch your creation in the preview area above.
5. Choose where to apply the effect - entire site or specific elements (using CSS selectors).
6. Click "Generate Code" to get your custom code, then copy and add it to your site's header or in an HTML widget.

Important notes: The sample cursor images are from SVG Backgrounds. If you use these or your own custom cursors, you'll need to upload the images to your own hosting/CMS first, then update the image URLs in the generated code.

Performance tips: Custom cursor effects use JavaScript animations, so they work best on mid to high-performance devices. Consider making the effect subtle for better compatibility across all devices. The magnetic button effect works best with clearly defined buttons and links.

Implementation advice: Place the code in your site's header for global effects, or in specific HTML widgets for localized effects. For the most reliable implementation, make sure all image assets are properly hosted on your own domain.



Troubleshooting: If your cursor effect doesn't appear, check that your CSS selectors are correct and that any custom cursor images have the correct paths. Custom effects require modern browsers with JavaScript enabled.