---
title: "Custom Circle Cursor — Free Framer component · Best of Framer"
description: "Free Framer component · by Troy Miller · Cursors. Sleek, animated, and fully customizable"
canonical: "https://framer.elliotli.dev/component/custom-cirlce-cursor"
---

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

# Custom Circle Cursor

Sleek, animated, and fully customizable

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

![Custom Circle Cursor preview image 1](https://framer.elliotli.dev/og/component/custom-cirlce-cursor/3764eb58a8cdeaa0/1600x1200.jpg)

## Summary

Sleek, animated, and fully customizable

## Description

Transform your website's user experience with a sleek, professional custom cursor that replaces the default system cursor. Perfect for creating modern, interactive designs that stand out.

**✨ What it does:**

-   Replaces the default cursor with a customizable dot + ring design
    
-   Smooth animations on hover and click interactions
    
-   Automatically detects and responds to buttons, links, and interactive elements
    
-   Mobile-responsive (hides on touch devices by default)
    

**🎨 Fully customizable:**

-   Adjust dot and ring sizes, colors, and border width
    
-   Multiple blend modes (difference, overlay, multiply, etc.)
    
-   Custom hover and click scale animations
    
-   Adjustable animation speeds and opacity
    
-   Toggle default cursor visibility
    

**💼 Perfect for:**

-   Portfolio websites and creative agencies
    
-   Modern SaaS landing pages
    
-   E-commerce sites wanting to enhance UX
    
-   Any project needing that premium, polished feel
    

**🚀 Easy to use:** Simply drag the component onto your canvas - no coding required! All customization happens through Framer's visual property panel. The cursor automatically works across your entire site.

For design work, questions, or help, please reach out at [https://www.fireislanddesign.com/](https://www.fireislanddesign.com/)

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

-   All · #677

## Details

- **Author**: Troy Miller
- **Published**: 2025-09-16
- **Updated**: 2026-06-12
- **Added**: 2025-09-03
- **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…