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/
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/
