---
title: "How to Add a Follow Circle Cursor in Elementor?"
url: https://theplusaddons.com/docs/add-a-follow-circle-cursor-in-elementor/
date: 2025-01-11
modified: 2026-04-09
lang: en
author: "Aditya Sharma"
description: "Do you want to add a follow circle cursor in Elementor? In this type of cursor, a circle follows the mouse cursor, this can be a great way to engage..."
image: https://theplusaddons.com/wp-content/uploads/2025/01/How-to-Add-a-Follow-Circle-Cursor-in-Elementor_-1024x536.jpg
word_count: 415
---

# How to Add a Follow Circle Cursor in Elementor?

## 

- Utilizes the Mouse Cursor widget from The Plus Addons for Elementor to create a follow circle cursor.
- Offers three Follow Circle styles: Border Cursor, Progress Cursor (Body), and Blend Cursor for customization.
- Requires installation and activation of The Plus Addons for Elementor to access the Mouse Cursor widget features.

Do you want to add a follow circle cursor in Elementor? In this type of cursor, a circle follows the mouse cursor, this can be a great way to engage your visitors and add a touch of creativity to your website.

With the Mouse Cursor widget from The Plus Addons for Elementor, you can easily add a circle that follows the mouse cursor in Elementor.

*To check the complete feature overview documentation of The Plus Addons for Elementor Mouse Cursor widget, [click here](https://theplusaddons.com/docs//add-a-custom-cursor-in-elementor/).*

***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/mouse-cursor/)

To do this, add the Mouse Cursor widget from The Plus Addons for Elementor to the page and follow the steps -

1. Select the appropriate cursor area from the **Cursor Area** dropdown.

![](https://theplusaddons.com/wp-content/uploads/2025/01/mouse-cursor-follow-cursor.gif)

2. Then select **Follow Circle** from the **Cursor Type** dropdown.

3. From the Pointer Type dropdown, you have to select the pointer type. Here you’ll find two options - 

- **Predefined** - To add predefined icons.

- **Custom** - To use a custom image as a mouse cursor.

You’ll find different options to add the cursor based on your selection. Let’s select Predefined here.

4. Then, from the **Select Pointer** dropdown, you have to select a cursor icon.

5. After that, from the **Follow Circle Style** dropdown, you have to select the circle type. Here you’ll find three options - 

- **Border Cursor** - To create a circle cursor with a border.

- **Progress Cursor (Body)** - To create a progress circle cursor.

- **Blend Cursor** - To create a blend circle cursor.

Select the option as per your requirements, let’s select Border Cursor here.

From the **Circle Max Width** and **Circle Max Height** sections, you can manage the width and height of the circle.

You can manage the circle’s left and top distance from the mouse cursor from the **Cursor Left Offset** and **Cursor Top Offset** sections.

From the **Circle Z-Index** section, you can maintain the z-index of the circle, if the circle doesn’t show over any element.

Then, in the **List of Tags for Hover Effect** section, you can add tags where you want to show the cursor hover effect.

> *Note: You can add multiple tags separated by a comma (,) and you have to add transform CSS for the hover effect in the Style tab.*

You can style the circle further from the Style tab.

Now you’ll see a circle following the mouse cursor.

![](https://theplusaddons.com/wp-content/uploads/2025/01/mouse-cursor-follow-cursor-demo.gif)