5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T92d,

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!

5a:[["$","$L5d",null,{"post":{"id":"01a09bd1-2eb6-73b7-b643-8cecd38dde6a","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"042e00c3-0e8c-49d7-b0d9-458a683d2cbe","name":"Nostromo Studio","slug":"nostromo-studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/425429/avatar-hTmf9JbHiQIYsivHT2ttWZ6KjESn4J.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"H4xbSJoNeqK4uvSidzf4","resolved":true,"title":"Eye Contact","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Eye Contact","marks":[{"type":"bold"}]},{"type":"text","text":" 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."}]},{"type":"customHeading","content":[{"type":"text","text":"Made to Be Yours"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"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."}]},{"type":"paragraph","content":[{"type":"text","text":"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."}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features"}],"attrs":{"level":1}},{"type":"customHeading","content":[{"type":"text","text":"Gaze"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Up to 5 photos (Center, Top, Bottom, Left, Right), each optional and falling back to Center"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional Diagonals for 8-directional precision, 9 photos total"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Gaze detection follows the component’s real visible shape, circles included, not just its bounding box"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Mobile"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Auto Play cycles through every photo on a timer, built for mobile where hovering isn’t possible"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable breakpoint and delay, testable right in the canvas by resizing the preview"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Media"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Upload images directly or paste a URL, switch every image at once with one toggle"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Images preload quietly in the background so every switch is instant, no flicker"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Style"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom fill color behind the photo"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Any corner radius, from square to a perfect circle"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional native border: color, width, and style"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"How to Set Up"}],"attrs":{"level":1}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drag Eye Contact onto your canvas"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add a Center photo, then Top, Bottom, Left, and Right for the full effect"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Turn on Diagonals for extra precision, or Auto Play for mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjust Fill, Radius, and Border to match your design"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Publish"}]}]}],"attrs":{"type":null,"start":1}},{"type":"customHeading","content":[{"type":"text","text":"Refund Policy"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"All sales of digital products are final and non-refundable. Questions? Contact "},{"type":"text","text":"hellonostromostudio@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:hellonostromostudio@gmail.com","target":"_blank"}}]},{"type":"text","text":" before purchasing. Enjoy!"}]}]},"introduction":"A photo that follows your Cursor","slug":"eye-contact","author":{"framerUserId":"042e00c3-0e8c-49d7-b0d9-458a683d2cbe","name":"Nostromo Studio","slug":"nostromo-studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/425429/avatar-hTmf9JbHiQIYsivHT2ttWZ6KjESn4J.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/042e00c3-0e8c-49d7-b0d9-458a683d2cbe/01a09bd1-2049-76fc-acce-beab741a7c40.jpg","metadata":{"tint":{"h":120,"s":17,"l":54},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-13T17:29:32.040Z","updatedAt":"2026-09-21T09:36:00.657Z","publishedAt":"2026-09-13T17:29:32.036Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://eyecontact.framer.website/","price":"10","paymentUrl":"https://nostromo.lemonsqueezy.com/checkout/buy/d708a05a-c63f-41c1-8574-2f7b54a54bb4","workshop":false,"categories":[{"id":"c0182b81-fefe-45f5-ba00-27459f05e2a7","name":"Cursors","slug":"cursors"}],"lastSaveId":"1l7Fzfs9E6jYnlH9FWhh","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-13T17:29:32.598Z","updatedAt":"2026-09-13T17:29:32.598Z","reported":false}}],"$L5f"]

Suggested for you