component
Thermal Cursor Mask
By Heat Bureau
Details
- Heat BureauAuthor
- componentType
- 2026-04-14Published
- 2026-04-28Updated
- 2026-03-31Added
- CursorsCategories
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.
- All · #1302