New
New
New
Component
Interactive Thermal Wave in Framer
This is an interactive thermal-wave component for Framer, recreated from Ali Imam’s original work and built to react beautifully to cursor movement. Copy it into your project to add a glowing, fluid layer of interactivity to any section. Have fun experimenting with it!
About the resource
To use the Interactive Thermal Wave component is easy, all you need to do is upload a high-quality black-on-white image and the component will instantly turn it into a heat-wave style interaction. You can control the speed and contour of the wave, adjust the angle, and add or reduce noise depending on how subtle or bold you want the effect.
The glow-in and glow-out settings let you shape how the wave appears around the image, while the cursor-size and intensity controls help you fine-tune how it reacts as someone moves across the screen. You can also set the background and choose the colors that define the thermal look, making it easy to match it to any section of your layout.
About the resource
To use the Interactive Thermal Wave component is easy, all you need to do is upload a high-quality black-on-white image and the component will instantly turn it into a heat-wave style interaction. You can control the speed and contour of the wave, adjust the angle, and add or reduce noise depending on how subtle or bold you want the effect.
The glow-in and glow-out settings let you shape how the wave appears around the image, while the cursor-size and intensity controls help you fine-tune how it reacts as someone moves across the screen. You can also set the background and choose the colors that define the thermal look, making it easy to match it to any section of your layout.
About the resource
To use the Interactive Thermal Wave component is easy, all you need to do is upload a high-quality black-on-white image and the component will instantly turn it into a heat-wave style interaction. You can control the speed and contour of the wave, adjust the angle, and add or reduce noise depending on how subtle or bold you want the effect.
The glow-in and glow-out settings let you shape how the wave appears around the image, while the cursor-size and intensity controls help you fine-tune how it reacts as someone moves across the screen. You can also set the background and choose the colors that define the thermal look, making it easy to match it to any section of your layout.
