Thermal Cursor Mask

Show Preview
Thermal Cursor Mask
Thermal Cursor Mask

About Thermal Cursor Mask

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.

From Heat Bureau

Scribble Cursor

Related Components

CursorTrail
Cursor Dot Trail
Magic Blend Cursor
Butterfly Cursor