Spotlight Collage

Spotlight Collage

Type

Component

Plateforme

Framer

Créé en

2026

Type

Component

Plateforme

Framer

Créé en

2026

11
1

Un collage libre d’images et vidéos : survolez un média, il passe au premier plan pendant que les autres s’écartent et se floutent

Spotlight Collage arrange vos images et vidéos en un collage libre où les médias se chevauchent. Survolez-en un : il reste en place pendant que les autres s’écartent et se réduisent, pour le laisser seul en scène. On s’éloigne, tout revient. Sur mobile, un tap fait la même chose.

Rien n’est automatique dans la composition : vous posez chaque pièce à la main, avec sa position, sa taille et sa rotation, et vous mélangez images et vidéos comme vous voulez. Ensuite vous réglez de combien les autres médias s’écartent, leur scale et leur blur, le lift et l’ombre du média actif, et le spring derrière chaque mouvement.

Interaction et spotlight

  • Spotlight au hover ou au tap, les autres médias dégagent le passage

  • Écartement horizontal et vertical séparés, plus scale-down et blur des médias en retrait

  • Lift, ombre et léger zoom optionnels sur le média survolé

  • Tap en dehors pour relâcher, les liens s’ouvrent au second tap

Composition des médias

  • Image ou vidéo par élément, en upload ou par URL

  • X, Y, width, height et rotation manuels pour chaque pièce

  • Vidéos en autoplay muted, loop, pause hors écran

  • Lien par média, avec nouvel onglet en option

Animation d’entrée

  • Les médias s’animent au premier passage du collage dans le viewport

  • Mode Auto, ou Custom pour régler opacity, scale et décalage vertical de départ

  • Durée et stagger par média ajustables

Layout et responsive

  • Auto Fit adapte le collage aux breakpoints étroits

  • Zoom manuel, overflow visible ou clippé

  • Background, ombre, border et radius par média