---
title: "Eye Contact — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Nostromo Studio · Cursors. Eye Contact turns a photo into a living portrait: as your cursor moves across the page, the subject’s gaze follows it, switching between…"
canonical: "https://framer.elliotli.dev/component/eye-contact"
---

[Home](/)/[Components](/components)/[Cursors](/components/category/cursors)/Eye Contact

# Eye Contact

A photo that follows your Cursor

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

![Eye Contact preview image 1](https://framer.elliotli.dev/og/component/eye-contact/7b4f3e506364d566/1600x1200.jpg)

## Summary

Eye Contact turns a photo into a living portrait: as your cursor moves across the page, the subject’s gaze follows it, switching between up to nine photos of the same person…

## Description

**Eye Contact** turns a photo into a living portrait: as your cursor moves across the page, the subject’s gaze follows it, switching between up to nine photos of the same person looking in different directions. Hover the portrait itself and they look straight back at you.

## Made to Be Yours

Eye Contact adapts to any shape and any layout. Fill, radius, and border are all yours to style, so it reads as a perfect circle, a rounded card, or anything in between: the gaze detection follows the exact shape you draw, not just a rectangle.

Every image can come from an upload or a pasted URL, switched all at once with a single toggle. And on mobile, where there’s no cursor to track, turn on Auto Play so the portrait cycles through its looks on its own.

## Key Features

### Gaze

-   Up to 5 photos (Center, Top, Bottom, Left, Right), each optional and falling back to Center
    
-   Optional Diagonals for 8-directional precision, 9 photos total
    
-   Gaze detection follows the component’s real visible shape, circles included, not just its bounding box
    

### Mobile

-   Auto Play cycles through every photo on a timer, built for mobile where hovering isn’t possible
    
-   Adjustable breakpoint and delay, testable right in the canvas by resizing the preview
    

### Media

-   Upload images directly or paste a URL, switch every image at once with one toggle
    
-   Images preload quietly in the background so every switch is instant, no flicker
    

### Style

-   Custom fill color behind the photo
    
-   Any corner radius, from square to a perfect circle
    
-   Optional native border: color, width, and style
    

## How to Set Up

1.  Drag Eye Contact onto your canvas
    
2.  Add a Center photo, then Top, Bottom, Left, and Right for the full effect
    
3.  Turn on Diagonals for extra precision, or Auto Play for mobile
    
4.  Adjust Fill, Radius, and Border to match your design
    
5.  Publish
    

## Refund Policy

All sales of digital products are final and non-refundable. Questions? Contact [hellonostromostudio@gmail.com](mailto:hellonostromostudio@gmail.com) before purchasing. Enjoy!

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

-   All · #4476

## Details

- **Author**: Nostromo Studio
- **Price**: $10.00
- **Published**: 2026-09-13
- **Updated**: 2026-09-21
- **Added**: 2026-09-13
- **Categories**: Cursors

## More like this

-   [Ribbon Hero](/component/ribbon-hero) — Divyesh WebCraft · Free — 3D ribbon with smooth motion
-   [Spider Hunt](/component/spider-hunt) — Karim Saif · $6 — ٍpider that tracks your cursor
-   [Pixel Fluid](/component/pixel-fluid) — Jamik · $12 — Fluid cursor trail in pixels/ASCII
-   [CursorImageTrail](/component/cursorimagetrail) — princeee · $20 — Image Trail is a dynamic Framer component that creates an immersive hover experience by displaying a sequence of images that trail behind…