component
Eye Contact
By Nostromo Studio

Details
- Nostromo StudioAuthor
- componentType
- 2026-09-13Published
- 2026-09-14Updated
- 2026-09-13Added
- CursorsCategories
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 Drag Eye Contact onto your canvas Add a Center photo, then Top, Bottom, Left, and Right for the full effect Turn on Diagonals for extra precision, or Auto Play for mobile Adjust Fill, Radius, and Border to match your design Publish Refund Policy All sales of digital products are final and non-refundable. Questions? Contact hellonostromostudio@gmail.com before purchasing. Enjoy!
Introduction
A photo that follows your Cursor
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #5546