---
title: "Morphing Dot Cursor — Framer component · Best of Framer"
description: "$2.00 · Framer component · by Troy Miller · Cursors. Add the final touch to any site"
canonical: "https://framer.elliotli.dev/component/morphing-dot-cursor"
---

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

# Morphing Dot Cursor

Add the final touch to any site

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

![Morphing Dot Cursor preview image 1](https://framer.elliotli.dev/og/component/morphing-dot-cursor/757deaa6dc90969f/1600x1200.jpg)

## Summary

Add the final touch to any site

## Description

**Transform Your Website with a Premium Custom Cursor**

Elevate your Framer projects with this sleek, professional morphing cursor that adds instant polish and sophistication to any design. Perfect for portfolios, agencies, SaaS products, and modern web experiences.

**✨ Morph Animation** Watch as your cursor seamlessly transforms from a minimal dot into an elegant ring when hovering over buttons, links, and interactive elements. The smooth scaling animation creates a premium, engaging user experience that sets your site apart.

**🎨 Fully Customizable**

-   **Dot Control**: Adjust size, color, and hover scale to match your brand
    
-   **Ring Design**: Customize ring size, color, and border width for perfect visual balance
    
-   **Animation Timing**: Fine-tune animation duration for your preferred feel (50-1000ms)
    
-   **Blend Modes**: Choose from 12 blend modes including Normal, Difference, Overlay, and more for unique visual effects
    
-   **Opacity Control**: Adjust transparency for subtle or bold cursor styles
    

**⚡ Performance Optimized** Built with React and TypeScript for maximum performance. Uses efficient event listeners and MutationObserver to seamlessly detect dynamic Framer content and interactive elements as they appear.

**📱 Smart Mobile Detection** Automatically hides on mobile devices (optional) so your desktop experience stays premium while mobile users get the standard touch interface they expect.

**🎯 Works With Everything** Automatically detects and responds to:

-   Links and buttons
    
-   Framer interactive components
    
-   Form inputs and submit buttons
    
-   Custom interactive elements
    

Make your website unforgettable with this beautiful, customizable cursor component.

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

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

-   All · #3236

## Details

- **Author**: Troy Miller
- **Price**: $2.00
- **Published**: 2025-10-14
- **Updated**: 2026-06-17
- **Added**: 2025-10-06
- **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…