---
title: "Eye Follow Button — Free Framer component · Best of Framer"
description: "Free Framer component · by Aathif Thajudeen · Buttons · ranked #63 among Framer components. A button with eyes that move."
canonical: "https://framer.elliotli.dev/component/eye-follow-button"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/Eye Follow Button

# Eye Follow Button

A button with eyes that move.

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

![Eye Follow Button preview image 1](https://framer.elliotli.dev/og/component/eye-follow-button/6ee5a2d0abf090a2/1600x1200.jpg)

## Summary

A button with eyes that move.

## Description

The Eye Button is a playful, highly interactive UI component featuring animated eyes that respond to cursor movement in real time. The pupils smoothly follow the user's cursor, adding personality and delight to calls-to-action. Perfect for landing pages, portfolios, and creative interfaces.

Designed for flexibility, the component includes extensive customization options, letting you tailor both appearance and behavior to fit any brand or layout.

**Customizable Properties**

-   Link: Add any URL or action
    
-   Button Color: Customize the button background color
    
-   Text: Edit the button label
    
-   Text Color: Control the label color
    
-   Padding: Adjust internal spacing for compact or spacious layouts
    
-   Radius: Control button corner roundness
    
-   Eye Color: Set the eye background color
    
-   Pupil Color: Customize pupil color
    
-   Eye Count: Choose between one or two eyes
    
-   Eye Size: Adjust overall eye dimensions
    
-   Pupil Size: Control pupil scale
    
-   Eye Gap: Set spacing between eyes
    
-   Speed: Adjust how quickly pupils follow the cursor
    
-   Range: Control how far pupils can move
    
-   Blinking: Enable or disable blinking
    
-   Blinking Intensity: Fine-tune blink strength
    

With smooth motion, expressive animations, and detailed controls, the Eye Button brings character and interactivity to any Framer project while remaining easy to customize and integrate.

**Support & Feedback**

Questions or issues with setup? Reach out at [aathif.design@gmail.com](mailto:aathif.design@gmail.com).

If you like the component, I'd really appreciate a testimonial — just send it over to [aathif.design@gmail.com](mailto:aathif.design@gmail.com).

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

-   All · #63

## Details

- **Author**: Aathif Thajudeen
- **Published**: 2026-01-08
- **Updated**: 2026-07-11
- **Added**: 2025-12-18
- **Categories**: Buttons

## More like this

-   [Eye Glow Button](/component/eye-glow-button) — Frame Native · Free — Cursor-following eyes, soft glow
-   [Dash Stretch Button](/component/dash-stretch-button) — Pentaclay · Free — Animated Hover Button With a Dash
-   [Nova Theme Toggle](/component/nova-theme-toggle) — Shouvik Biswas · $12 — Three-Mode Theme Toggle
-   [Nabby: Copy Button](/component/nabby-copy-button) — Francesco Gallo · Free — Plug in your button, copy anything