Scroll Spotlight

Scroll Spotlight

Type

Component

Plateforme

Framer

Créé en

2026

Type

Component

Plateforme

Framer

Créé en

2026

Capture d'écran du component Framer Scroll Spotlight

Un défilé de mots où le mot centré passe sous un spotlight

Scroll Spotlight est un slider de texte interactif qui met en lumière le mot centré avec un effet de spotlight personnalisable. Au scroll, les mots défilent verticalement pendant que le mot au centre apparaît dans un projecteur visuel qui souligne le rythme. Parfait pour les hero sections, les blocs de message, les taglines et le storytelling.

Le spotlight se personnalise à fond : police, couleur, fond, backdrop blur, radius, border, ombre, padding, et un choix entre s’ajuster au contenu ou prendre toute la largeur. Le style des mots (police, taille, weight, couleur) et l’espacement se règlent à part.

Interaction au scroll

  • Scroll du component (interaction directe) ou scroll de page (réagit à la position)

  • Option Release to Page pour des transitions naturelles

  • Loop infini optionnel, sensibilité du scroll et durée d’animation réglables

Spotlight et mots

  • Spotlight en mode Fit Content ou Full Width

  • Typographie, couleurs, backdrop blur et ombre du spotlight

  • Police, taille, weight et couleur des mots, gap entre eux

  • Couleur de fond du conteneur, border radius, comportement de l’overflow