Eye Contact

Eye Contact

Type

Component

Plateforme

Framer

Créé en

2026

Type

Component

Plateforme

Framer

Créé en

2026

Donnez vie à une photo qui suit votre curseur sur toute la page

Eye Contact transforme une photo en portrait vivant : le regard du sujet suit votre curseur sur toute la page, en basculant entre jusqu'à neuf photos de la même personne regardant dans différentes directions. Survolez le component lui-même et il vous regarde droit dans les yeux.

Tout est pensé pour s'adapter à votre mise en page : fill, radius et border se règlent librement, pour un rendu en cercle parfait, en carte arrondie ou toute autre forme, et la détection du regard suit exactement la forme visible, pas seulement un rectangle. Chaque image vient d'un upload ou d'une URL, basculé d'un coup avec un seul réglage.

Regard et directions

• Jusqu'à 5 photos (Center, Top, Bottom, Left, Right), chacune facultative et retombant sur Center si absente
• Diagonales optionnelles pour une précision à 8 directions, 9 photos au total
• La détection suit la forme réellement visible du component (radius compris)

Mode mobile automatique

• Auto Play fait défiler les photos automatiquement, pensé pour le mobile où le survol n'existe pas
• Seuil de largeur (breakpoint) et délai entre chaque image réglables, testables directement en redimensionnant l'aperçu

Source et style des images

• Upload ou URL pour toutes les images, basculé d'un seul réglage
• Couleur de fond, radius et border natif entièrement personnalisables
• Images préchargées en douceur pour un changement instantané, sans clignotement