---
title: "FocusFrame Cursor — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Anup Nalawade · Cursors. FocusFrame Cursor replaces the browser pointer with four animated brackets that attach to links, buttons, form controls…"
canonical: "https://framer.elliotli.dev/component/focusframe-cursor"
---

[Home](/)/[Components](/components)/[Cursors](/components/category/cursors)/FocusFrame Cursor

# FocusFrame Cursor

Adaptive cursor corner framing

[View on Framer](https://framer.com/marketplace/components/focusframe-cursor/?via=elliot-li)

![FocusFrame Cursor preview image 1](https://framer.elliotli.dev/og/component/focusframe-cursor/d2c6274d319dacbd/1600x1200.jpg)

## Summary

FocusFrame Cursor replaces the browser pointer with four animated brackets that attach to links, buttons, form controls, and pointer-enabled Framer layers.

## Description

FocusFrame Cursor replaces the browser pointer with four animated brackets that attach to links, buttons, form controls, and pointer-enabled Framer layers. Unlike a standard circle or crosshair follower, the cursor frames the actual target bounds. Square elements keep sharp corners, rounded elements retain their shape, and every transition can be tuned with Framer's native Transition control.

## **Features**

1.  Automatic snapping to clickable elements
    
2.  Support for standard controls and pointer-enabled Framer layers
    
3.  Per-corner radius matching with square-corner preservation
    
4.  Separate follow, snap, and click colors
    
5.  Inward or outward click feedback
    
6.  Adjustable size, offset, corner length, stroke, tilt, and snap gap
    
7.  Grouped controls for quick setup
    
8.  Optional native-cursor and free-follower visibility
    
9.  Normal and difference blend modes
    
10.  Framer-native Transition control
     
11.  Reduced-motion support
     
12.  Touch-safe behavior with no blocked interactions
     
13.  No external assets, APIs, tracking, or runtime dependencies
     

## **Setup**

Add one instance to a page or shared layout. Preview the site, then customize the appearance and motion from the Framer property panel.

## **Compatibility Notes**

-   Designed for desktop and other fine-pointer devices
    
-   Automatically stays inactive on touch-only devices
    
-   Uses the target's viewport-aligned bounding box
    
-   Does not track inside cross-origin iframes or browser chrome
    

## **Preview Link**

[Click Here](https://fancy-basis-167024.framer.app/)

## Rank history [How rankings work →](/terms#rankings)

-   All · #7678

## Details

- **Author**: Anup Nalawade
- **Price**: $5.00
- **Published**: 2026-06-16
- **Updated**: 2026-07-11
- **Added**: 2026-06-16
- **Categories**: Cursors

## More like this

-   [Ribbon Hero](/component/ribbon-hero) — Divyesh WebCraft · Free — 3D ribbon with smooth motion
-   [Spider Hunt](/component/spider-hunt) — Karim Saif · $6 — ٍpider that tracks your cursor
-   [Pixel Fluid](/component/pixel-fluid) — Jamik · $12 — Fluid cursor trail in pixels/ASCII
-   [CursorImageTrail](/component/cursorimagetrail) — princeee · $20 — Image Trail is a dynamic Framer component that creates an immersive hover experience by displaying a sequence of images that trail behind…