---
title: "Thermal Cursor Mask — Free Framer component · Best of Framer"
description: "Free Framer component · by Heat Bureau · Cursors. Interactive Heat Vision with 5 Presets"
canonical: "https://framer.elliotli.dev/component/thermal-cursor-mask"
---

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

# Thermal Cursor Mask

Interactive Heat Vision with 5 Presets

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

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

## Summary

Interactive Heat Vision with 5 Presets

## Description

Create a striking interactive layer that chases the cursor with fluid, reactive elasticity. The mask uses authentic SVG-based color mapping algorithms and animated noise filters to apply cinematic thermal physics over any text, image, or video layer. Adjust the reveal blob from a precise spotlight to a wobbly, organic liquid shape that physically stretches as your mouse moves.

**This package also comes bundled with a custom Tilt3D component**, ensuring your thermal interactions remain flawlessly synchronized and jitter-free – even when projected across complex 3D space and distorted perspectives.

Key Features:

\- 5 cinematic color grading presets (Iron bow, Spectrum, Cold Inversion, B&W Inversion, Pastel)

\- **Bundled Tilt3D component** for seamless 3D spatial distortions

\- Velocity-driven structural stretching and elasticity

\- Adjustable blob radius, soft-edge gradients, and intensity

\- Smooth ease-in transitions for hover enter/leave states

\- Zero dependencies beyond React and Framer

Wrap any Framer component with the Thermal Mask to instantly add a localized tracking layer, or nest it inside the Tilt3D wrapper for profound, multidimensional hover effects.

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

-   All · #1623

## Details

- **Author**: Heat Bureau
- **Published**: 2026-04-14
- **Updated**: 2026-04-28
- **Added**: 2026-03-31
- **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…
