Team Hover List

Team Hover List

Type

Component

Plateforme

Framer

Créé en

2026

Type

Component

Plateforme

Framer

Créé en

2026

Présentez une équipe, un collectif ou une liste de collaborateurs de manière interactive grâce à des cartes visuelles qui apparaissent au survol

Team Hover List affiche une liste de noms qui révèlent une image flottante accompagnée d'informations complémentaires. Idéal pour les pages d'équipe, les portfolios créatifs, les crédits ou toute section mettant en avant des personnes.

Features

Contenu

  • Jusqu'à 50 profils

  • Image personnalisée via upload ou URL

  • Titre, localisation et lien optionnels pour chaque personne

  • Séparateur personnalisable entre les noms

  • Mode prévisualisation pour éditer facilement chaque élément

Typographie et mise en page

  • Contrôle complet de la typographie des noms et informations

  • Couleur de survol personnalisable

  • Alignement et espacement ajustables

Carte visuelle

  • Dimensions, rayon des angles et ombre entièrement personnalisables

  • Effet de vignettage configurable

  • Affichage automatique des informations uniquement lorsqu'elles sont renseignées

Animation

  • Apparition avec effet de fondu et de mise à l'échelle

  • Carte suivant le curseur avec décalage ajustable

  • Inertie optionnelle pour un mouvement plus fluide et naturel

Note d'usage

Team Hover List s'adapte à tous les types de mises en page et fonctionne particulièrement bien sur desktop, où les cartes apparaissent au survol du curseur. Sur mobile, un simple tap permet de révéler les informations associées.

Installation

  1. Glissez Team Hover List sur votre canvas Framer

  2. Ajoutez vos profils avec leurs noms et images

  3. Personnalisez la typographie, les dimensions de la carte et les animations

  4. Publiez