Thermal Cursor

thermal cursor that creates an inverted "window" effect, revealing content in reverse colors as you move across the page.

Transform Your Website with a Stunning Thermal Cursor Effect Elevate your Framer projects with this eye-catching thermal cursor that creates an inverted "window" effect, revealing content in reverse colors as you move across the page. Perfect for portfolios, creative agencies, tech startups, and cutting-edge web experiences that demand attention. Fully Customizable Size Control: Adjust normal and hover sizes independently (20-150px) to match your design Border Design: Toggle border on/off, customize color and width for perfect visual definition Smoothing Control: Fine-tune the lag/follow effect (0.05-1) for your preferred motion feel Transition Speed: Adjust hover animation timing (100-800ms) for instant or gradual scaling Backdrop Blur: Add optional blur effect (0-20px) inside the inverted window for dreamy, soft-focus aesthetics Performance Optimized Built with React and TypeScript using requestAnimationFrame for buttery-smooth 60fps animations. Efficient event handling and MutationObserver seamlessly detect dynamic Framer content and interactive elements as they appear, ensuring your cursor responds to all clickable elements automatically. 🎯 Works With Everything Automatically expands when hovering over: Links and buttons Framer interactive components Form inputs and submit buttons Custom interactive elements with button naming conventions IMPORTANT: Due to the nature of digital code components, all sales are final and non-refundable . Once purchased, you receive immediate access to the complete component code, which cannot be returned. Before purchasing, please: Review the component demo and documentation carefully Check the feature list to ensure it meets your needs Contact us at troy@fireislanddesign.com with any pre-purchase questions For design work, questions, or help, please reach out at https://www.fireislanddesign.com/

Reveal content in a creative way.