Cursor Dodger
Make any element on your Framer site impossible to click.
Cursor Dodger is a playful interaction component that detects when a user tries to interact with the content inside it and moves the element away from the cursor.
Use it to create playful CTAs, surprise interactions, Easter eggs, unavailable actions, or simply add a little personality to your website.
Wrap any content inside the component
Automatically dodges the cursor
Works with buttons, CTAs, text, images, and other elements
Smooth movement and responsive interaction
Easy to customize
No additional setup required
Works directly inside Framer
Playful CTAs
Unavailable buttons
Easter eggs
Coming-soon interactions
Portfolio websites
Personal websites
Interactive landing pages
Experimental web experiences
Drop it onto your canvas, place your content inside, and let the cursor do the rest.
Cursor Dodger
Make any element on your Framer site impossible to click.
Cursor Dodger is a playful interaction component that detects when a user tries to interact with the content inside it and moves the element away from the cursor.
Use it to create playful CTAs, surprise interactions, Easter eggs, unavailable actions, or simply add a little personality to your website.
Wrap any content inside the component
Automatically dodges the cursor
Works with buttons, CTAs, text, images, and other elements
Smooth movement and responsive interaction
Easy to customize
No additional setup required
Works directly inside Framer
Playful CTAs
Unavailable buttons
Easter eggs
Coming-soon interactions
Portfolio websites
Personal websites
Interactive landing pages
Experimental web experiences
Drop it onto your canvas, place your content inside, and let the cursor do the rest.
