Description
Tired of boring default cursors? CursorCraft revolutionizes the way users interact with your website. Built exclusively for Elementor, this tool lets you design custom cursors visually using Elementor containers and widgets.
CursorCraft – Cursor Builder for Elementor is a powerful, lightweight addon that lets you turn any Elementor Container into a fully functioning custom mouse cursor. Instead of being limited to basic shapes, you can use Elementor’s native drag-and-drop builder to design your cursor exactly how you want it!
🌟 Free Features
- Container as Cursor: Use Elementor Containers to design anything from simple dots to complex animated widgets, and set them to follow the mouse.
- Global Cursors: Instantly apply your custom cursor across your entire WordPress website.
- Smooth Physics: Choose between instant tracking or smooth, spring-like physics with a customizable speed slider.
- Interactive Scaling: Automatically scale the cursor up or down when the user hovers over clickable elements (links, buttons, inputs).
- Dedicated Hover State Cursors: Design an entirely separate Elementor Container that dynamically swaps in when users hover over links and buttons.
- Interactive Dot Grid Widget: A beautiful, responsive grid of dots that magnetically repel away from your cursor using high-performance canvas physics.
- Scratch-off Reveal Mask Widget: Create a captivating “scratch-off” effect that reveals a hidden image underneath as the user moves their mouse.
- Volumetric Smoke Background Widget: An ultra-fluid, colorful smoke simulation that reacts dynamically to the user’s cursor movements.
- Interactive Portfolio List Widget: A creative-agency style text list that reveals massive, gorgeous floating images that seamlessly follow the cursor behind the text.
- Custom Text Highlight: Automatically override the browser’s default blue text selection color to perfectly match your custom cursor!
- Click Shrink Feedback: Add subtle tactile feedback that smoothly shrinks the cursor when you press down on elements.
- 1-Click Duplicate: Easily duplicate your entire custom cursor and all of its settings with a single click.
- Advanced Blend Modes: Apply CSS mix-blend-modes (like Difference or Exclusion) so your cursor dynamically reacts to and inverts the background colors behind it.
- Fully Responsive: Easily hide the custom cursor on tablets and mobile devices to save performance and battery life.
🚀 Pro Features (Unlock Your True Potential)
Take your designs to the absolute limit with CursorCraft Pro.
Upgrade to CursorCraft Pro Here!
- Advanced Visual Effects: Unlock jaw-dropping real-time shaders including Liquid Fluid Waves, Electric Aura & Lightning, Starfield Warp Speed, Stardust Glow Particles, Fire & Flame Embers, Cyber Digital Stream, and Swirling Spiral Vortex.
- Click Animation & Bursts: Trigger exciting dynamic particle bursts and ripple waves whenever users click (Ripple Wave, Confetti Pop, Neon Shockwave, Liquid Splash, Sparkle Burst, Electric Spark).
- 6 Premium Particle Trails: Add breathtaking particle trails behind your cursor (Ghost Clones, Comet Tail, Magic Stars, Floating Bubbles, Image Sequence, Custom Particles).
- Spinning Circular Text: Wrap continuous rotating text around your cursor that dynamically tracks movement.
- Scroll Progress Ring: Wrap an elegant, customizable SVG ring around your cursor that perfectly tracks reading progress as users scroll down the page.
- Backdrop Invert (Glass Effect): Invert colors behind the cursor like a floating glass magnifying lens.
- Magnetic Snapping: Automatically pull and snap your cursor to the exact center of buttons and icons for a premium, app-like feel.
- Dynamic Hover Text: Inject dynamic text into your cursor (e.g., “VIEW”, “PLAY”, “BUY”) based on what the user is hovering over.
- Advanced Display Rules: Build complex logic to only show cursors on WooCommerce products, Custom Post Types, or specific archives.
- Multiple Display Conditions: Stack and combine multiple display rules on a single cursor for precise, granular control.
- Pro Starter Templates: Instantly import complex effects like Liquid Distortion, Neon Pulse, Ghost Trails, and Particle Effects.
Screenshots
Installation
- Upload the plugin folder to the
/wp-content/plugins/directory, or install the ZIP file via the WordPress Plugins screen. - Activate the plugin through the ‘Plugins’ screen in WordPress.
- Navigate to CursorCraft in your WordPress dashboard menu.
- Click Add New Cursor to create a new cursor template.
- Set your Display Conditions (e.g. Entire Site or Specific Selector) in the box below the title.
- Click Edit with Elementor to visually design your cursor.
- Inside the Elementor editor, select your main Container, navigate to the Advanced Tab, and enable the Custom Cursor section to configure your physics and animations.
FAQ
-
Does this slow down my website?
-
No! The plugin is extremely lightweight and uses GPU-accelerated CSS transforms (
translateandscale) alongsiderequestAnimationFramefor buttery smooth, zero-lag 60fps performance. -
How do I hide it on mobile and tablets?
-
In the Elementor editor, go to Container > Advanced > Custom Cursor > Responsive & Accessibility. You can enable “Hide on Touch Devices” and customize the “Disable Below Screen Size (px)” breakpoint (default: 1024px) to automatically hide the custom cursor on smaller screens and touch devices.
-
Can I use any Elementor widget inside my custom cursor?
-
Yes! You can design your cursor using any Elementor widget — icons, images, headings, animated Lottie files, SVGs, or custom text.
-
When editing your cursor, select “Specific CSS Selector” under Display Conditions and enter your target class or ID (e.g.
.my-button,.portfolio-card, or#hero). The custom cursor will only activate when hovering over those specific elements. -
Does CursorCraft require Elementor Pro?
-
No! CursorCraft works seamlessly with both Elementor Free and Elementor Pro. All core features, physics, and included interactive widgets work directly with the free version of Elementor.
-
Yes! You can enable “Enable Hover States” to automatically scale the cursor on interactive elements, or design a dedicated Hover State cursor container that dynamically swaps in on hover.
-
How do I exclude specific elements from triggering the custom cursor?
-
In the Elementor editor under Container > Advanced > Custom Cursor, enter comma-separated CSS selectors (e.g.
.no-cursor, .my-modal, iframe) into the “Exclude Selectors” field. On these elements, the custom cursor will automatically hide.
Reviews
There are no reviews for this plugin.
Contributors & Developers
“CursorCraft – Cursor Builder for Elementor” is open source software. The following people have contributed to this plugin.
Contributors
Translate “CursorCraft – Cursor Builder for Elementor” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.1.5
- Major UI Redesign: Transformed the Elementor Custom Cursor panel into a modern, card-based collapsible accordion UI with custom iconography, smooth toggle animations, and auto-collapsed groups.
- Enhancement: Streamlined control descriptions into compact interactive tooltip helpers (
?) to keep the Elementor editing panel clean and clutter-free. - Enhancement: Upgraded Pro FX tab with frosted-glass interactive mock cards and a direct upgrade portal for the Free version.
- Fix: Resolved an issue where Specific CSS Selectors (
.class,#id) could show globally on the site by ensuring custom hover conditions are strictly scoped. - Fix: Improved display condition synchronization between the Elementor editor panel and the WordPress admin dashboard to safely preserve stacked multi-condition rules.
- Feature (Pro): Added 7 GPU-accelerated Advanced Visual Effects: Liquid Fluid Waves, Electric Aura & Lightning, Starfield Warp Speed, Stardust Glow Particles, Fire & Flame Embers, Cyber Digital Stream, and Swirling Spiral Vortex.
- Feature (Pro): Added 6 Click Animation & Burst effects: Ripple Wave, Confetti Pop, Neon Shockwave, Liquid Splash, Sparkle Burst, and Electric Spark.
- Feature (Pro): Added Spinning Circular Text, Scroll Progress Ring, SVG Noise Distortion, and Backdrop Invert Glass Lens effects.
- Enhancement: Renamed and organized all effects, trails, and shader options with clean, intuitive, and user-friendly labels.
1.1.4
- Maintenance: Incremented version.
1.1.3
- Feature: Added an exclusive “Design Mode” toggle inside the Elementor Editor to make building tiny cursors effortless! (Includes 3x Canvas Zoom, transparent Photoshop-style checkerboard background, and hides Elementor hover outlines).
1.1.2
- Major Feature: Introducing 4 brand-new Premium Interactive Widgets for the Free Version!
- Feature: Interactive Dot Grid – A responsive dot grid that magnetically repels away from your cursor.
- Feature: Scratch-off Reveal Mask – A captivating scratch-off effect that reveals hidden images underneath your mouse.
- Feature: Volumetric Smoke Background – An ultra-fluid, interactive canvas smoke simulation.
- Feature: Interactive Portfolio List – A creative agency-style list that reveals floating images following the cursor.
- Feature: Hover State Cursors – Design completely separate Elementor Containers that automatically swap in when users hover over interactive elements!
- Fix: Re-engineered CSS z-index and hover detection logic for perfect cross-browser stability.
- Fix: Patched an issue where the Default cursor faded out unexpectedly if a Hover template was missing.
- Fix: CSS blend modes are now correctly piped from Elementor controls to the frontend JavaScript.
1.1.0
- Major Feature (Pro): Added 5 Premium Cursor Trail Effects! Choose between Neon Ghosting (DOM), Smooth Comet (Canvas), Sprinkling Stars (Canvas), Floating Bubbles (Canvas), or Image Sequences (DOM).
- Major Feature: Added full native support for Elementor Lottie Animations inside custom cursors. Lottie animations will now flawlessly auto-play and loop inside your custom cursor pointer!
- Feature (Pro): Added 4 brand-new Pro Starter Templates specifically designed to showcase the new Premium Cursor Trails.
- Enhancement: Rebuilt the Elementor Editor UI using native “Tabs”. Free and Pro settings are now elegantly split into separate “Core” and “Pro FX” tabs, eliminating endless scrolling and drastically cleaning up the workspace.
- Enhancement: Replaced the legacy “Hide on Tablet” and “Hide on Mobile” toggles with a single, highly flexible “Disable Below Screen Size (px)” slider. (Fully backward compatible with older setups).
- Enhancement: Rewrote the touch event listeners using passive events to ensure buttery smooth performance on mobile devices.
1.0.9
- Feature: Added a new “Custom Text Highlight Color” option so your website’s text selection perfectly matches your cursor design.
- Feature: Added a “Click Shrink Feedback” toggle that gives your users an incredibly satisfying, tactile shrink effect when they click links.
- Enhancement: Added a helpful Pro Tip in the Elementor editor recommending the Navigator for selecting tiny cursors.
1.0.8
- Fix: Removed custom cursor from incorrectly rendering inside the Elementor Editor Preview frame.
- Enhancement: Updated UI screenshot references and removed the legacy 1-Click Setup Wizard block.
1.0.7
- Feature: Added a beautiful “Pro Features” preview overlay inside the Elementor Advanced Tab.
- Enhancement: Major architectural upgrade to the Display Rules engine to support stacked conditions (backward compatible).
- Fix: Handled an edge case where deactivating the Pro version would leave the display rule dropdown blank. It now correctly shows a fallback.
1.0.6
- Fixed: Completely removed custom cursor Javascript and CSS from loading within the Elementor Editor, restoring the default mouse pointer and preventing all editor conflicts.
1.0.5
- Fixed: Resolved a critical issue where the Elementor Editor would continuously load or crash due to DOM manipulation conflicts.
1.0.4
- Enhancement: Updated Starter Templates dashboard to actively highlight the official launch of CursorCraft Pro.
- Enhancement: Converted disabled templates into direct “Upgrade to Pro” links to maximize conversions.
1.0.3
- Fix: Prevented Elementor Advanced Tab ordering bug on older websites using legacy Sections instead of Flexbox Containers.
- Fix: Removed aggressive clipping mask to allow custom cursors to natively expand beyond their borders without being cut off.
- Enhancement: Made the “Specific Target / CSS Selector” description text dynamically switch based on user selection to prevent confusion.
1.0.2
- Feature: Added a dedicated “How to Use” onboarding page to the WordPress dashboard.
- Fix: Aligned “Display Rules” conditional logic labels between the Free and Pro versions.
1.0.1
- Major architectural upgrade: Cursors are now managed as Custom Post Types in a centralized dashboard.
- Added “Starter Templates” support.
- Added Native Accessibility Support (Respects OS Reduced Motion).
- Added “Exclude Selectors” to dynamically hide the custom cursor on specific elements.
- Rebuilt the condition engine for better performance and scalability.
1.0.0
- Initial release.