Build Advanced Custom Cursors in Elementor.

Design stunning, interactive custom mouse cursors visually. No CSS, no Javascript, just drag-and-drop your cursor using the Elementor builder you already know and love.

Design without Limits

If you can build it in Elementor, you can use it as your cursor.

Dedicated Hover Mode

Design a completely separate Elementor Container that automatically swaps in when users hover over interactive elements like links and buttons.

Interactive Dot Grid

A beautiful, responsive grid of dots that magnetically repel away from your cursor using high-performance canvas physics.

1-Click Duplicate

Easily duplicate your entire custom cursor, including all of its complex Elementor settings and conditions, with a single click.

Conditional Display (Pro)

Show custom cursors globally, or assign different cursors to appear only when hovering over specific CSS selectors.

Magnetic Snapping (Pro)

Make your buttons irresistible. The cursor smoothly snaps and locks onto interactive elements when users hover over them.

CSS Blend Modes

Apply “Difference” or “Exclusion” blend modes so your cursor dynamically changes colors based on the background behind it.

Starter Templates

Don’t start from scratch. Import beautifully designed premium cursor templates with a single click and customize them instantly.

Liquid Noise (Pro)

Add an animated SVG noise filter to your cursor, making it ripple and distort like liquid when users move the mouse.

5 Premium Trails (Pro)

Add beautiful, delay-based ghost trails that follow your main cursor. Perfect for creating fluid, highly engaging web interactions.

Simple, Honest Pricing

Personal

$19/year

Perfect for single freelance project.

Freelancer

$49/year

The sweet spot for active freelance web designers.

Agency

$99/year

Install on 25 client websites.

Personal

$49/lifetime

Perfect for single freelance project.

Freelancer

$99/lifetime

The sweet spot for active freelance web designers.

Agency

$199/lifetime

Install on 25 client websites.

Free Vs Pro

Feature Free Pro
Elementor Builder Support
Smooth Interplotation Physics
Dedicated Hover State Cursors
CSS Blend Modes
Global Cursor (Entire Site)
Starter Templates
Hide on Mobile/Touch Devices
Hover Target (CSS Selectors)
Front Page / Specific Pages Only
WooCommerce / Custom Post Types
Magnetic Snapping Physics
Click & Drag Morphing
5 Premium Particle Trails
Animated Liquid SVG Noise
Spinning Circular Text
Dynamic Hover Text

How to Activate Pro

Follow these 4 simple steps to install the plugin and unlock all premium physics and effects.

Step 1: Download the Pro Plugin

After purchasing, check your email for the receipt from Freemius. Click the secure download link to save the cursorcraft-cursor-builder-for-elementor-pro.zip file to your computer. You can also download it from your Customer Dashboard.

Step 2: Install via WordPress

Ensure the Free version is installed. Go to your WordPress Dashboard → Plugins → Add New Plugin → Upload Plugin. Choose the .zip file and click Install Now, followed by Activate Plugin.

Step 3: Enter License Key

Copy your License Key from your purchase receipt email, paste it into the input, and click the blue Agree & Activate License button.

Step 4: You're ready!

Congratulations! All Pro features (Magnetic Snapping, Hover Text, etc.) are now fully unlocked inside Elementor. Your Pro sidebar menu has now transformed into your Account Dashboard.

How to Use Plugin

A quick 6-step guide to designing your first interactive custom cursor.

1. Create a New Cursor

In your WordPress dashboard, navigate to CursorCraft → Add New Cursor.

2. Set Display Rules

Below the title, find the Cursor Display Rules box. Select where you want this cursor to appear (e.g., globally across the Entire Site, or only when hovering over a Specific CSS Selector).

3. Open Elementor

Click the blue Edit with Elementor button at the very top of the page to open the visual builder.

4. Enable Cursor in Container

Inside Elementor, select your Container. Go to the Advanced Tab, open the Custom Cursor section, and toggle it to Yes.

5. Design & Customize

Build your cursor shape using standard Elementor widgets (like Icons or Images) inside that container. Use the Custom Cursor panel to adjust physics, offsets, blend modes, and hover effects.

6. Publish

Click Update or Publish in Elementor. Your brand-new interactive cursor is now live on your site!
Empowering creators to build better WordPress websites with modern design techniques.

Copyright © 2026 Web Bhavan.

View

VIEW