MARKETPLACE
PLUGINS
MOUSE TO ELEMENT DISTANCE
Mouse to Element Distance logo

Mouse to Element Distance

Published January 2025
   •    Updated June 2025

Plugin details

The Mouse to Element Distance plugin allows you to track the distance and proximity of a user's mouse cursor relative to a specific element on your page. With this tool, you can create interactive, dynamic user experiences by measuring the cursor's distance in pixels and calculating proximity as a normalized value between 0 and 1.
🔗 Demo Page: https://chakor-plugin-demo-6.bubbleapps.io/version-test/mouse_to_element_distance



🔗 Editor Link:  https://bubble.io/page?id=chakor-plugin-demo-6&test_plugin=1736424981214x461794255037530100_current&tab=Design&name=mouse_to_element_distance&type=page



Our team is available to solve any problems or questions you may have, please open a thread on our support forum: https://forum.thechakor.com/t/plugin-issues

$8

One time

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

Platform

Web

Contributor details

Chakor logo
Chakor
Joined 2021   •   371 Plugins
View contributor profile

Instructions

1. Add the plugin element to your page. 2. Enter the ID of the target element into the input field.
3. Use the exposed states (distance and proximity) in your bubble page, workflows oe custom interactions

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:
Productivity   •   Technical   •   Containers   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble