Bounded Mouse Follow
An interactive component that makes an object smoothly follow the user's mouse cursor within a defined area with customizable follow percentage and motion settings.
Make it with Workshop
Build your own component with AI
About
This component a part of the 400+ components, layouts, templates, UI Kits and code overrides from SegmentUI PRO. Click here to see the full library
Instructions
Copy the component to your project
The area of the component will be the bounded area for your content
Connect your content to the component
Adjust the property controls to determine how the bounding behaves
How It Works
The component has three main property controls: Connected Instance (ComponentInstance) - the element that will follow the mouse, Follow Percent (Number, 0-100) - controls how much the element follows the mouse movement, and Transition (Transition) - defines the animation properties for smooth movement.
Support
For any queries and help setting up the component, contact hello@segmentui.com
