Marketplace
TemplatesComponentsPluginsVectors

    Media Folder

    A folder that reveals your media by Nostromo Studio

    Show Preview
    Media Folder

    About Media Folder

    Media Folder brings a macOS Finder folder to life on your canvas: click it and your photos, videos, and audio reveal themselves as draggable, app-style windows scattered around it — click again, click outside, or press Escape to send them back home.

    Dark demo 📁✨

    Made to Be Yours

    Media Folder is built for full creative control: every color, radius, blur, and shadow is customizable, and it adapts to light or dark themes. Place each window exactly where you want, with per-item offset, rotation, and width, and pick Click, Double Click, or Hover to open.

    Key Features

    Opening

    • Click, Double Click, or Hover to open, pick what fits your layout

    • Optional Peek: a few thumbnails poke out of the closed folder, with a subtle hover pop

    • Stagger delay to open windows one after another instead of all at once

    • Close windows individually, all at once by clicking outside, or with Escape

    Media

    • Mix Image, Video, and Audio in one list, each with its own settings

    • Manual X/Y offset, rotation, and width per window

    • Original or custom aspect ratio

    • Optional mute/unmute button per video

    • Audio gets a compact player: cover art (or an auto placeholder), play/pause, progress bar, adjustable height and background

    Style

    • Background, blur, corner radius, shadow, and text color for every window

    • Optional transparency checker behind images, in light or dark

    • Hover Highlight glow behind the closed folder

    • Custom folder color and label typography

    Performance

    • Images preload quietly in the background so windows open instantly

    • Video and audio files only load once their window actually opens

    • Both pause automatically once scrolled out of view

    How to Set Up

    1. Drag Media Folder onto your canvas

    2. Add your items under Media and set a Type for each

    3. Adjust Media Style to match your design

    4. Publish

    Refund Policy

    All sales of digital products are final and non-refundable. Questions? Contact hellonostromostudio@gmail.com before purchasing. Enjoy!

    Nostromo StudioNostromo Studio@nostromo-studio
    Published
    Aug 27, 2026
    Updated
    Aug 27, 2026
    License
    Limited
    Show Preview

    Tags

    • Interactions

    From Nostromo Studio

    Card Stack Reveal
    Card Stack Reveal
    Component·Free
    Liquid Glass Layer
    Liquid Glass Layer
    Component·$10
    Team Hover List
    Team Hover List
    Component·$5

    Related Components

    Spotlight Gallery FX
    Spotlight Gallery FX
    Component·$16
    Piece by Piece
    Piece by Piece
    Component·Free
    Scratch Reveal
    Scratch Reveal
    Component·Free
    Nostromo StudioNostromo Studio@nostromo-studio
    Published
    Aug 27, 2026
    Updated
    Aug 27, 2026
    License
    Limited
    Show Preview

    Tags

    • Interactions
    Marketplace
    TemplatesComponentsPluginsVectors
    TemplatesComponentsPluginsVectors