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 qui révèle vos médias dans des fenêtres interactives

Media Folder ajoute sur votre canvas un dossier inspiré du Finder macOS. Au clic, double clic ou hover (selon votre réglage), vos photos, vidéos et audios se déploient autour de lui dans des fenêtres façon app macOS, avec leur barre de titre. Chaque fenêtre est draggable et se referme une à une, en cliquant en dehors, ou avec la touche Échap.

Tout est pensé pour vous laisser la main : chaque couleur, radius, blur et ombre se règle, et le rendu s'adapte aussi bien à un thème light qu'à un dark. Vous placez chaque fenêtre exactement où vous voulez autour du dossier, avec un offset, une rotation et une largeur définis média par média.

Ouvrir et refermer le dossier

• Clic, double clic ou hover, au choix selon votre layout
• Peek optionnel : quelques miniatures dépassent du dossier fermé, avec un léger effet au hover
• Stagger pour ouvrir les fenêtres les unes après les autres plutôt que d'un bloc
• Fermeture fenêtre par fenêtre, ou tout d'un coup en cliquant en dehors, ou avec Échap

Images, vidéos et audio

• Image, vidéo et audio dans une même liste, chacun avec ses propres réglages
• Offset X/Y, rotation et largeur manuels par fenêtre
• Ratio original ou custom
• Bouton mute/unmute optionnel par vidéo
• Lecteur audio compact : cover (ou placeholder automatique), play/pause, barre de progression, hauteur et fond ajustables

Style des fenêtres et du dossier

• Fond, blur, radius, ombre et couleur de texte pour chaque fenêtre
• Checker de transparence optionnel derrière les images, en light ou dark
• Hover Highlight derrière le dossier fermé
• Couleur du dossier et typo du label entièrement libres

Chargement et performance

• Les images se préchargent discrètement en fond, les fenêtres s'ouvrent instantanément
• Les vidéos et audios ne se chargent qu'à l'ouverture de leur fenêtre
• Les deux se mettent en pause dès qu'ils sortent du viewport