Media Folder

Media Folder

Type

Component

Plateforme

Framer

Créé en

2026

Type

Component

Plateforme

Framer

Créé en

2026

Donnez vie à un dossier inspiré du Finder macOS et transformez vos médias en éléments interactifs

Media Folder permet de rassembler photos, vidéos et fichiers audio dans un dossier qui s'ouvre pour révéler chaque média sous forme de fenêtre indépendante. Les fenêtres peuvent être positionnées, inclinées et dimensionnées individuellement pour créer une composition unique et dynamique.

Features

Ouverture

  • Ouverture au clic, double-clic ou survol

  • Option Peek pour laisser apparaître quelques miniatures derrière le dossier

  • Ouverture progressive des fenêtres grâce à un délai configurable

  • Fermeture individuelle, au clic extérieur ou avec la touche Échap

Médias

  • Images, vidéos et fichiers audio dans une même liste

  • Position, rotation et largeur personnalisables pour chaque fenêtre

  • Ratio d'origine ou format personnalisé

  • Bouton Muet optionnel pour les vidéos

  • Lecteur audio compact avec pochette, lecture/pause et barre de progression

Style

  • Couleur de fond, flou, rayon, ombre et couleur du texte personnalisables

  • Damier de transparence optionnel pour les images

  • Effet de surbrillance au survol du dossier

  • Couleur du dossier et typographie de son label personnalisables

Performance

  • Les images sont préchargées en arrière-plan pour une ouverture instantanée

  • Les vidéos et fichiers audio ne sont chargés qu'à l'ouverture de leur fenêtre

  • Les médias se mettent automatiquement en pause lorsqu'ils sortent du viewport

Installation

  1. Glissez Media Folder sur votre canvas Framer

  2. Ajoutez vos médias et définissez leur type

  3. Personnalisez leur apparence et leur position

  4. Publiez