Thermal Cursor

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/