About this plugin
Cursor Follower adds an animated custom cursor to your Elementor site. It trails the mouse with a smooth lag, grows over links, pulls itself onto buttons, and turns slides and images into labeled targets: “Drag”, “Zoom”, “View Project”.
This is a plugin you judge by feel. Press Live Preview above and move your mouse around.
One thing it is not: a static cursor image swapper. If you want to replace the pointer with a PNG, plenty of plugins do that. Cursor Follower is a motion engine that reacts to what’s under the pointer.
io/cursor-follower-for-elementor/
The effects
- Link highlight. The cursor grows and fades over links and buttons. On by default, works everywhere.
- Magnetic hover. Buttons, icons and carousel arrows pull the cursor onto themselves. Switched on per widget, tuned globally. No HTML classes to hand-edit, and none of it is paywalled.
- Text and icon hints. A pill follows the cursor across linked images, portfolio cards and slides. Change the wording per widget, or swap the text for any Elementor icon, SVG included.
- Drag hints for carousels. Three styles: a text pill that grows arrows as you drag, the same pill with its arrows always out, or arrows only with a dot that stands in for the native cursor once you press.
- Elastic squash and click feedback. The cursor stretches along its own movement and dips when pressed. Both optional, both tunable.
- Blend modes. Difference and exclusion, per state, so the cursor stays readable over photos and dark sections.
- Loading state. A spinner takes over the cursor while something is in flight. Developers can toggle it from JavaScript, along with a busy-pointer state.
Built for Elementor, not “compatible with page builders”
Most cursor plugins ship one global effect and tell you to add CSS classes. This one plugs into Elementor itself:
- A Cursor Follower tab in Site Settings covers the whole cursor: size, colors, borders, blend modes, hint typography, follow smoothing and transition timing, plus per-state overrides for highlight, magnetic and hints, and the loading spinner’s color. Changes apply live in the editor.
- A Cursor Effects section appears inside the widgets themselves: Button, Icon, Icon Box, Image, Image Box, Social Icons, Call to Action, Flip Box, Slides, Portfolio, and every carousel including the new nested Carousel. Each widget only shows the effects that make sense for it.
- The defaults already work. Carousel arrows and dots become magnetic, carousels get a drag hint, portfolio cards get a “View Project” pill, and the Elementor Lightbox gets magnetic navigation, before you touch a single setting.
- Elementor Free and Pro widgets are both covered.
Performance, in numbers
Every cursor plugin calls itself lightweight. Here are actual numbers:
- Visitors get one inline block — the loader plus your settings, about 1.7 KB gzipped. On mouse and trackpad devices the cursor’s stylesheet loads with the page and the engine script on the first mouse movement, around 13 KB gzipped together.
- Phones and tablets never produce that movement, so they download zero bytes of engine code.
- No jQuery. No dependencies.
- The cursor moves by writing a single transform per frame, and its state changes are CSS transitions. The JavaScript goes to sleep whenever the cursor is at rest.
- Caching and optimizer plugins are accounted for: the loader carries the standard opt-out markers so Autoptimize, WP Rocket and similar tools leave it alone.