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

