Skip to content

component

Thermal Cursor Mask

By Heat Bureau

Details

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.

Introduction

Interactive Heat Vision with 5 Presets

Rank history

Daily rank per list, from the first snapshot — lower is better.

1501100113758/148/228/309/79/15
  • All · #1302