MARKETPLACE
PLUGINS
CHANGE CURSOR ELEMENT
Change cursor element logo

Change cursor element

Published June 2023
   •    Updated September 2025

Plugin details

Adds the ability to change what cursor shows up when hovering over an element. Use the workflow action to choose which one you want.

$9

One time  •  Or  $2/mo

5.0 stars   •   1 ratings
1 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

John dev logo
John dev
Joined 2023   •   55 Plugins
View contributor profile

Instructions

To use this plugin, you must first enable adding IDs to elements in your app, you do this at: Settings > General > Expose the option to add an ID attribute to HTML elements

Example of how to add a cursor to an element:
1. Add an element to your page, add an id to the element
2. Go to the "Workflow" tab
3. Add the action "Set element cursor"
4. Add the id of the element you want to change, and which cursor you want to use
4. Done!

Available cursor options: alias, all-scroll, auto, cell, col-resize, context-menu, copy, crosshair, default, e-resize, ew-resize, grab, grabbing, help, move, n-resize, ne-resize, nesw-resize, ns-resize, nw-resize, nwse-resize, no-drop, none, not-allowed, pointer, progress, row-resize, s-resize, se-resize, sw-resize, text, w-resize, wait, zoom-in, zoom-out

Demo page: https://arvid-hast.bubbleapps.io/version-test/element-cursor

Example editor (check workflow): https://bubble.io/page?type=page&name=element-cursor&id=arvid-hast&test_plugin=1687886927513x876061689657688000_current&tab=tabs-1

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:
Technical   •   Media   •   Containers

Resources

Support contact
Tutorial

Rating and reviews

Average rating (5.0)

Perfect
September 27th, 2025
Very simple
Bubble