Hover Bump Trigger crée une réaction physique bump au hover : image, vidéo, card, shader, ou n’importe quel component ou stack Framer. Au hover, le contenu lié s’écarte du curseur avec un petit bump ressorti, puis revient doucement à sa place.

Tout est pensé pour s’adapter à votre design : liez un seul component pour un simple accent au hover, ou plusieurs pour qu’un clic fasse défiler de l’un à l’autre, chacun héritant du même rebond. La réactivité, l’amplitude, la rotation et la douceur du mouvement se règlent finement, avec en plus un float ambiant, une ombre, une bordure et un fond personnalisables.

Connecter n’importe quel component

• Liez des images, vidéos, shaders, cards, boutons ou stacks Framer entiers

• Connectez plusieurs components et cliquez pour passer de l’un à l’autre, en séquentiel ou aléatoire

• Fonctionne comme un wrapper : le component lié garde sa taille et son style propres

Physique du rebond au hover

• Réactivité, offset maximum et rotation maximum pour doser l’intensité du bump

• Smoothness pour ajuster la réactivité du mouvement à la vitesse du curseur

• Float ambiant optionnel pour un léger mouvement au repos

Style et mise en forme

• Ombre, bordure, padding, fond et radius, entièrement personnalisables

• Transition de zoom au changement de component

• Curseur personnalisable au hover