Resources
Desktop app
Marketplace
Community
Developers
Wallpapers
Meetups
Company
Security
Careers
Report
Status
Legal
Blog
Creators
Program
Payouts
Experts
Awards
Events
Brand
Compare
Squarespace
Wordpress
Unbounce
Webflow
Figma
Wix
Solutions
Figma to HTML
Website builder
Portfolio maker
Landing pages
UI/UX design
No-code
Socials
Instagram
X Twitter
YouTube
LinkedIn
Threads
TikTok
    Framer
    EnterprisePricing
    LoginSign up
    Enterprise
    Pricing
    Login
    Sign up
    Marketplace
    TemplatesPluginsComponents
    Templates
    Plugins
    Components
    Component preview thumbnail
    MarketplaceComponents

    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.

    Nabeel
    Nabeel
    Creator
    1mo ago
    Updated
    651
    Views
    Nabeel
    Nabeel
    Creator
    1mo ago
    Updated
    651
    Views

    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

    1. Copy the component to your project

    2. The area of the component will be the bounded area for your content

    3. Connect your content to the component

    4. 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

    Support
    About ComponentsRefund PolicyContact Creator

    More Components

    See All →
    Thumbnail for Keyboard Shortcut, a Framer Marketplace template by Nitso.
    Keyboard Shortcut
    $9
    Nitso
    Thumbnail for HoverGrid, a Framer Marketplace template by Avesh Mishra.
    HoverGrid
    $10
    Avesh Mishra
    Thumbnail for CMS Slideshow, a Framer Marketplace template by Alberto.
    CMS Slideshow
    $10
    Alberto
    Thumbnail for Seesaw Toggle, a Framer Marketplace template by figma2framer.
    Seesaw Toggle
    Free
    figma2framer
    Thumbnail for Scaled Text On Hover, a Framer Marketplace template by Nick Yonce.
    Scaled Text On Hover
    $5
    Nick Yonce
    Thumbnail for Neon Trails, a Framer Marketplace template by Kevin LEVRON.
    Neon Trails
    $10
    Kevin LEVRON
    Thumbnail for FlipCard3D, a Framer Marketplace template by Sanndy.
    FlipCard3D
    Free
    Sanndy
    Thumbnail for Squirkle, a Framer Marketplace template by Carolyn.
    Squirkle
    Free
    Carolyn

    More from Nabeel

    See All →
    Thumbnail for Keyboard Movement, a Framer Marketplace component by Nabeel.
    Keyboard Movement
    component · $14
    Nabeel
    Thumbnail for Vinyl Audio Player, a Framer Marketplace component by Nabeel.
    Vinyl Audio Player
    component · $9
    Nabeel
    Thumbnail for Enlarge & Drag, a Framer Marketplace component by Nabeel.
    Enlarge & Drag
    component · $14
    Nabeel
    Thumbnail for On Scroll Text Mask , a Framer Marketplace component by Nabeel.
    On Scroll Text Mask
    component · $14
    Nabeel
    Thumbnail for Press & Hold Button, a Framer Marketplace component by Nabeel.
    Press & Hold Button
    component · $9
    Nabeel
    Thumbnail for Text Image Heading, a Framer Marketplace component by Nabeel.
    Text Image Heading
    component · $4
    Nabeel
    Thumbnail for CAPTCHA for Forms, a Framer Marketplace component by Nabeel.
    CAPTCHA for Forms
    component · $14
    Nabeel
    Thumbnail for Form Maths, a Framer Marketplace component by Nabeel.
    Form Maths
    component · $14
    Nabeel