Video Word Mask

Video Word Mask

Type

Component

Plateforme

Framer

Créé en

2026

Type

Component

Plateforme

Framer

Créé en

2026

Transformez un mot en mask interactif avec des images et des vidéos à travers les lettres

Video Word Mask transforme chaque lettre d'un mot en mask indépendant, permettant d'afficher un média à l'intérieur de la typographie. Utilisez une vidéo ou une photo différente pour chaque lettre, ou partagez une même vidéo sur l'ensemble du mot pour créer des compositions visuelles fortes et originales.

Features

Médias

  • Mode Multiple avec un média différent pour chaque lettre

  • Mode Single avec une vidéo partagée sur l'ensemble du mot

  • Mélange de vidéos et photos, chacune avec son propre poster

  • Import direct ou utilisation d'URLs externes

Révélation

  • Affichage permanent ou au survol

  • Lecture automatique ou déclenchement au survol

  • Option Sticky Reveal pour conserver une lettre ouverte après interaction

  • Durée de transition personnalisable

Style

  • Contour des lettres avec épaisseur ajustable

  • Ombre portée avec décalage, flou et couleur personnalisables

  • Overlay coloré avec modes de fusion configurables

  • Option Fit Width pour adapter automatiquement la taille du texte au conteneur

Performance

  • Les vidéos se mettent automatiquement en pause lorsqu'elles sortent du viewport

  • Les vidéos hors écran ne préchargent que leurs métadonnées afin de limiter les temps de chargement

Installation

  1. Glissez Video Word Mask sur votre canvas Framer

  2. Saisissez votre texte et personnalisez la typographie

  3. Ajoutez vos vidéos ou images dans Media

  4. Ajustez les options de révélation et de style

  5. Publiez