component
Cursor-Dodger
By Waaiz Hussain

Details
- Waaiz HussainAuthor
- componentType
- 2026-08-17Published
- 2026-08-17Updated
- 2026-08-17Added
- CursorsCategories
Summary
Make any element dodge the cursor
Description
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.
Introduction
Make any element dodge the cursor
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #3318