Built a new Framer component called FocusFrame Cursor.

It replaces the default pointer with four adaptive corner brackets that follow the mouse and snap cleanly to clickable elements. Instead of turning into a generic circle or blob, it frames the actual target and keeps the interaction feeling sharp and intentional.

A few things I focused on:

snaps to buttons, links, form elements, and pointer-style Framer layers

matches rounded corners while still preserving the four-corner look

optional merge mode for fully rounded targets if you want a softer style

controls for colors, size, offset, tilt, click feedback, snap gap, transition, and cursor visibility

touch-safe, reduced-motion aware, and built to stay out of the way

I wanted something that feels more precise than a normal custom cursor and more usable in real projects.

Would love feedback on the interaction and where you’d use it.

Built a new Framer component called FocusFrame Cursor.

It replaces the default pointer with four adaptive corner brackets that follow the mouse and snap cleanly to clickable elements. Instead of turning into a generic circle or blob, it frames the actual target and keeps the interaction feeling sharp and intentional.

A few things I focused on:

snaps to buttons, links, form elements, and pointer-style Framer layers

matches rounded corners while still preserving the four-corner look

optional merge mode for fully rounded targets if you want a softer style

controls for colors, size, offset, tilt, click feedback, snap gap, transition, and cursor visibility

touch-safe, reduced-motion aware, and built to stay out of the way

I wanted something that feels more precise than a normal custom cursor and more usable in real projects.

Would love feedback on the interaction and where you’d use it.