---
title: "Custom SVG Cursor — Free Framer component · Best of Framer"
description: "Free Framer component · by BOSS ― STUDIO · Cursors. Stand out from the ordinary with a cursor that adapts to your design."
canonical: "https://framer.elliotli.dev/component/custom-svg-cursor"
---

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

# Custom SVG Cursor

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

![Custom SVG Cursor preview image 1](https://framer.elliotli.dev/og/component/custom-svg-cursor/f5d040ebbf44afef/1600x1200.jpg)

## Summary

Stand out from the ordinary with a cursor that adapts to your design.

## Description

Stand out from the ordinary with a cursor that adapts to your design. The SVG Custom Cursor Tool gives you full creative control – from custom shapes and colors to smart hover and click animations. Thanks to its adaptive color system, your cursor always stays visible, whether on light or dark backgrounds. With seamless Framer integration and mobile optimization, it’s the perfect solution to add personality, interactivity, and a professional touch to your projects.

## Cursor Shapes

-   Circle
    
-   Square
    
-   Custom SVG Path
    
-   SVG File Upload
    

## Appearance Options

-   Stroke and Fill modes
    
-   Adjustable stroke width
    
-   Customizable size
    

## Interactive States

-   Hover animation (scalable size & color)
    
-   Smooth transition timing (hover/click)
    

## Adaptive Color System

-   Automatic detection of light/dark backgrounds
    
-   Dynamic color adjustment for best visibility
    

## Behavior

-   Cursor-follow mode (follows mouse movement)
    
-   Option to hide the default system cursor
    

## Optimization & Integration

-   Mobile/Tablet detection (cursor disabled on touch devices)
    

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

-   All · #3518

## Details

- **Author**: BOSS ― STUDIO
- **Published**: 2025-09-11
- **Updated**: 2025-12-17
- **Added**: 2025-09-01
- **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…