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.
