About Eye Tracker Pro
About Eye Tracker 👀
Eye Tracker is a free Framer code component that brings your website to life with interactive eyes that follow your cursor. Add a playful touch to your designs and turn a simple visual element into an engaging interaction.
Whether you're building a creative portfolio, an interactive landing page, or an experimental web experience, Eye Tracker makes it easy to add personality to your website without building the interaction from scratch.
What you can customize
Cursor Tracking: Make the eyes follow cursor movement.
Focus Mode: Explore an alternative interaction experience.
Interaction Settings: Customize supported behaviors, including click and hold.
Appearance: Adjust available visual properties to match your design.
Size & Layout: Resize the component to fit your page.
All settings are accessible through Framer's properties panel, so you can customize the component without editing the code.
Great for
Creative portfolios and personal websites
Hero sections and landing pages
Interactive illustrations and storytelling
Playful brand websites
404 pages and experimental web projects
Micro-interactions that make interfaces feel more alive
How to use
Remix Eye Tracker into your Framer project.
Add it to your desired page or section.
Customize the properties to match your design.
Preview the interaction and publish your site.
Share your build
Using Eye Tracker on your website? I'd love to see what you create. Share your project or send me your website link!
Need help?
Questions, feedback, or ideas for improvement? Get in touch:
Email: hey@11daniel.design
