Thermal Cursor Mask: Premium Interactions Component by Heat Bureau

Marketplace Components Categories Interactions

Add an immersive, thermal heat-vision tracking effect to your site. An organic, velocity-driven blob follows the cursor to dynamically reveal filtered content – perfect for bold portfolios and interactive hero sections.

About this Component

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.