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. ✨ TRY THE LIVE DEMO | 🎬 WATCH VIDEO TUTORIAL ✨ CursorCraft – Cursor Builde
PricingFree downloadThe WordPress.org download is free. Pro versions, add-ons or external services may cost extra.
CompatibilityRequires WordPress 5.0 and PHP 7.0.
SourceWordPress plugins · Oct 21, 2026
01 / Source details
Aboutthistool.
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.
✨ TRY THE LIVE DEMO | 🎬 WATCH VIDEO TUTORIAL ✨
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
Universal Utility Classes : Easily add dynamic hover reactions anywhere on your site without writing CSS! Use cc-grow , cc-shrink , cc-hide , cc-default , cc-with-default , cc-invert , cc-reset , cc-glow , cc-blur , cc-spin , cc-magnetic , and cc-tilt in any Elementor widget or container’s CSS Classes.
In-Editor 1-Click Copy Cheatsheet : Copy any utility class directly to your clipboard from inside the Elementor Custom Cursor panel with instant copy buttons and live tooltips.
Container as Cursor : Use Elementor Containers to design anything from simple dots to complex animated widgets, and set them to follow the mouse.
1-Click Export & Import : Export and import your custom cursor templates across any website with simple drag-and-drop.
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.
Dynamic Velocity Physics : Organic squash & stretch physics that dynamically elongates the cursor along the angle of motion and squashes perpendicularly based on speed.
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.
Dual-Layer Hover Visibility : Keep default precision cursors active while floating auxiliary preview cards/widgets appear above them on hover.
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!
Dynamic Auto-Hover Text Labels : Transform your cursor into an interactive morphing badge on hover over any Container or Section with custom text (e.g., “VIEW PROJECT ↗ ”, “PLAY 4K”, “SHOP NOW”), smart auto-contrast inheritance, custom colors, and typography controls.
3D Card Tilt & Interactive Parallax : Transform any container or card on your website into a 3D tilting card with glossy specular glare reflections and multi-depth parallax.
Gradient Ribbon Streamer : Paint sleek, tapering neon gradient ribbons behind the cursor with Dual-Color gradients (Head to Tail) or dynamic Rainbow spectrum flow, customizable thickness tapering, and neon glow shadows.
Custom Text Particle & Follow Trails : Snake individual letters of any custom phrase behind the cursor in an elastic snake chain, or emit sequential text particle streams.
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.
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.
Custom Hover Text : Write and display your own custom text badges or call-to-action labels (e.g., “VIEW”, “PLAY”, “BUY”, “EXPLORE”) directly inside your cursor.
Advanced Display Rules : Target all pages, all posts, front page, 404 & search pages, specific page/post IDs, or custom CSS selectors.
Multiple Display Conditions : Stack and combine multiple display rules on a single cursor for precise, granular control.
36+ Starter Templates : Instantly import from 36 ready-to-use designer templates (5 Free & 31 Pro) including Liquid Fluid Waves, Hyperdrive Warp Speed, Matrix Cyber Stream, Quantum Vortex Swirl, and Electric Lightning Aura.
See it in action
Screenshots & previews.
CursorCraft – Cursor Builder for Elementor screenshot 1CursorCraft – Cursor Builder for Elementor screenshot 2CursorCraft – Cursor Builder for Elementor screenshot 3CursorCraft – Cursor Builder for Elementor screenshot 4CursorCraft – Cursor Builder for Elementor screenshot 5CursorCraft – Cursor Builder for Elementor screenshot 6CursorCraft – Cursor Builder for Elementor screenshot 7CursorCraft – Cursor Builder for Elementor screenshot 8
02 / Source details
Gettingstarted.
01Upload the plugin folder to the /wp-content/plugins/ directory, or install the ZIP file via the WordPress Plugins screen.
02Activate the plugin through the ‘Plugins’ screen in WordPress.
03Navigate to CursorCraft in your WordPress dashboard menu.
04Click Add New Cursor to create a new cursor template.
05Set your Display Conditions (e.g. Entire Site or Specific Selector) in the box below the title.
06Click Edit with Elementor to visually design your cursor.
07Inside the Elementor editor, select your main Container, navigate to the Advanced Tab , and enable the Custom Cursor section to configure your physics and animations.
03 / Source details
Frequently asked questions.
How do Utility Classes work?
CursorCraft includes a zero-config utility class suite. Simply add any class to your widget or container’s Advanced > CSS Classes field: * cc-grow – Cursor scales up 2.2x smoothly on hover. * cc-shrink – Cursor shrinks to 0.4x with reduced opacity. * cc-hide – Temporarily hides the custom cursor. * cc-default – Shows the browser’s native cursor and hides the custom cursor. * cc-with-default – Displays both the native browser cursor and custom cursor together. * cc-invert – Inverts cursor colors using difference blend mode. * cc-reset – Keeps cursor at normal 1x scale over links/clickable elements. * cc-glow – Adds a radiant neon glow pulse to the cursor. * cc-blur – Applies a soft frosted glass blur to the cursor. * cc-spin – Cursor smoothly spins 360° continuously on hover. * cc-magnetic – Magnetically attracts the cursor to the center of the element. * cc-tilt – Applies interactive 3D perspective tilt to cards and containers.
Does it work with all Elementor widgets?
Yes! Because CursorCraft turns any native Elementor Container into a cursor, you can place text, icons, images, Lottie animations, buttons, or shortcodes directly inside your cursor container.
Does it slow down my website?
No. CursorCraft is built on GPU-accelerated transforms and lightweight RequestAnimationFrame physics loops, ensuring 60fps performance without impacting your Core Web Vitals.
Can I hide the cursor on mobile?
Yes, you can easily disable the custom cursor below any screen size using the responsive slider in the Custom Cursor panel.
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.
How do I target a custom cursor to a specific section or button?
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.
Can I create a cursor that changes when hovering over links or buttons?
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.
Can I export and import cursor presets between websites?
Yes! In your WordPress dashboard under CursorCraft > My Cursors, hover over any cursor and click “Export JSON” to download it. On any other website, click “Import Cursor” and drag-and-drop the JSON preset file. Any local images are automatically bundled and sideloaded into the media library!
Website LLMs.txt and LLMs-Full.txt Generator is an LLMs.txt generator and llms-full.txt generator for WordPress. It helps site owners generate, manage, preview, validate, and serve AI discovery files from published public content. Use it to create structured /llms.txt and optional /llms-full.txt end
EngageDock AI is a customizable floating contact widget for WordPress websites that want more leads and faster visitor communication. It helps small businesses turn website traffic into calls, texts, emails, and callback requests from one clean contact panel. Key Features: Click-to-Call – One tap ca
Altify AI is an auto ALT text and AI ALT text plugin for WordPress images. It helps generate descriptive image ALT text for accessibility and image SEO. Use bulk image ALT text tools for your Media Library, generate featured image ALT text automatically, and scale WooCommerce image ALT updates with
The Accepted Payment Methods plugin is a straightforward, lightweight solution that enhances your website by displaying visually appealing icons of the payment methods you accept. This plugin is ideal for a variety of websites, including e-commerce platforms, service-oriented websites, and informati
