---
title: "EyeFollow Component — Free Framer component · Best of Framer"
description: "Free Framer component · by Shuvo Ahmed · Interactions. Free Eye Follow Component"
canonical: "https://framer.elliotli.dev/component/eyefollow-component"
---

[Home](/)/[Components](/components)/[Interactions](/components/category/interactions)/EyeFollow Component

# EyeFollow Component

Free Eye Follow Component

[View on Framer](https://framer.com/marketplace/components/eyefollow-component/?via=elliot-li)

![EyeFollow Component preview image 1](https://framer.elliotli.dev/og/component/eyefollow-component/3472f066b9527c8c/1600x1200.jpg)

## Summary

Free Eye Follow Component

## Description

EyeFollower — Interactive Cursor-Tracking Eyes A playful, fully customizable eye component that tracks your cursor in real time. Add a touch of personality to your site with EyeFollower — a lightweight interactive component where the pupils follow the user's mouse movement wherever it goes on the screen. Perfect for 404 pages, hero sections, portfolios, or anywhere you want to surprise and delight visitors. Features 🎯 Real-time cursor tracking — pupils smoothly follow the mouse across the entire viewport 🌗 Light & dark mode support — looks great on any background, switches seamlessly with theme toggles 🎨 Fully customizable styling Eye Color Pupil Color Background Color Eye Width & Height Pupil Size Eye Spacing (distance between the two eyes) ⚡ No code required — every property is editable directly from the Framer right-panel controls 🧩 Drop-in component — just add it to your canvas and connect it to a button, link, or any element 🛠 Editable in Workshop for deeper customization if needed Use Cases Empty states / 404 pages Fun call-to-action sections ("Click Me" style prompts) Portfolio or personal sites wanting a memorable interaction Onboarding or loading screens How it works Simply drag the component onto your canvas, adjust the color, size, and spacing to match your brand, and the eyes will automatically track your visitor's cursor — no additional setup or code needed.

## Rank history [How rankings work →](/terms#rankings)

-   All · #2530

## Details

- **Author**: Shuvo Ahmed
- **Published**: 2026-09-07
- **Updated**: 2026-09-07
- **Added**: 2026-09-07
- **Categories**: Interactions

## More like this

-   [Rose hover animated](/component/rose-hover-animated) — Kvlyra · Free — Kvlyra
-   [Chroma_Type_Cursor](/component/chroma-type-cursor) — Dulaj dilshan · $15 — Boost engagement with dynamic text
-   [Path Ticker](/component/path-ticker) — Ipshita Chatterjee · Free — Ticker that flows in the path
-   [Cursor Accordion](/component/cursor-accordion) — Kateryna Dei · Free — Interactive list with image cursor