Cursor-Dodger

Make any element dodge the cursor

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.

Features

• 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

Perfect for

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