---
title: "Thermal Cursor — Framer component · Best of Framer"
description: "$2.00 · Framer component · by Troy Miller · Cursors. thermal cursor that creates an inverted \"window\" effect, revealing content in reverse colors as you move across the page."
canonical: "https://framer.elliotli.dev/component/thermal-cursor"
---

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

# Thermal Cursor

Reveal content in a creative way.

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

![Thermal Cursor preview image 1](https://framer.elliotli.dev/og/component/thermal-cursor/c7e81f3324c5fb73/1600x1200.jpg)

## Summary

thermal cursor that creates an inverted "window" effect, revealing content in reverse colors as you move across the page.

## Description

**Transform Your Website with a Stunning Thermal Cursor Effect**

Elevate your Framer projects with this eye-catching thermal cursor that creates an inverted "window" effect, revealing content in reverse colors as you move across the page. Perfect for portfolios, creative agencies, tech startups, and cutting-edge web experiences that demand attention.

**Fully Customizable**

-   **Size Control:** Adjust normal and hover sizes independently (20-150px) to match your design
    
-   **Border Design:** Toggle border on/off, customize color and width for perfect visual definition
    
-   **Smoothing Control:** Fine-tune the lag/follow effect (0.05-1) for your preferred motion feel
    
-   **Transition Speed:** Adjust hover animation timing (100-800ms) for instant or gradual scaling
    
-   **Backdrop Blur:** Add optional blur effect (0-20px) inside the inverted window for dreamy, soft-focus aesthetics
    

**Performance Optimized** Built with React and TypeScript using requestAnimationFrame for buttery-smooth 60fps animations. Efficient event handling and MutationObserver seamlessly detect dynamic Framer content and interactive elements as they appear, ensuring your cursor responds to all clickable elements automatically.

🎯 **Works With Everything** Automatically expands when hovering over:

-   Links and buttons
    
-   Framer interactive components
    
-   Form inputs and submit buttons
    
-   Custom interactive elements with button naming conventions
    

**IMPORTANT:** Due to the nature of digital code components, **all sales are final and non-refundable**. Once purchased, you receive immediate access to the complete component code, which cannot be returned.

**Before purchasing, please:**

-   Review the component demo and documentation carefully
    
-   Check the feature list to ensure it meets your needs
    
-   Contact us at troy@fireislanddesign.com with any pre-purchase questions
    

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 · #2690

## Details

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