View and organize your images and videos into custom queues
Your browser has limited support. Please use Chrome 86+, Edge 86+.
No images or videos were found in this folder.
A complete guide to browsing, organizing, and enjoying your images and videos — with masonry layouts, auto-scroll, play-all, and custom queues — entirely in your browser.
Media Viewer is a pure browser-based gallery for images and videos. Pick any folder and every file inside appears as a card — no scanning, no duplicate detection, no waiting. Just instant visual browsing.
Beyond basic browsing, it adds masonry layouts, auto-scroll, play-all-videos, side-by-side comparison, and custom named queues — making it useful for photographers, video editors, and anyone managing large media collections.
Switch between a uniform grid and a Pinterest-style masonry layout that preserves each image's natural proportions.
Hands-free scrolling at adjustable speed — perfect for reviewing large folders without touching the mouse.
Start every video in the folder simultaneously, or hover individual cards to auto-play them one at a time.
Create named collections from any files in the folder — like a playlist for images and videos — without moving a single file.
| Situation | Use This |
|---|---|
| I want to browse a folder of photos or videos without any scanning | 📺 Media Viewer |
| I want to find and remove near-identical duplicate photos | 🔍 Duplicate Finder |
| I want to delete unwanted images from a folder in bulk | 🗑️ Bulk Delete |
| I want to move photos into organised subfolders | 📂 Bulk Move |
| I want to rename a batch of photos with a date prefix | ✏️ Bulk Rename |
| I want to create a curated selection of images for a project | 📺 Media Viewer → Queue |
| I want to watch a whole folder of vacation videos automatically | 📺 Media Viewer → Play All + Auto-scroll |
When you select a folder, the File System Access API iterates every file recursively. Only image and video MIME types are kept. The folder is opened in read mode — no write permission is requested.
Cards are built synchronously in batches of 50, then handed to the browser for a paint frame before the next batch. This keeps the page responsive during large folder scans.
No image or video content is fetched until the card is 300px from the viewport. An IntersectionObserver sets the src when the card enters the lookahead zone.
Once each image or video loads its metadata, the card receives a class (aspect-landscape / aspect-portrait / aspect-square). Masonry mode uses these classes to set per-type max-height.
Video cards have preload="none" and no src until the IntersectionObserver fires. On mouseenter, video.play() is called. On mouseleave, video.pause(). All videos are muted by default.
Toggle between two layout modes using the buttons above the file grid. Your choice persists while the tab is open and applies to both the main view and all queue tabs.
Auto-scroll drives the page downward at a constant speed using requestAnimationFrame, leaving your hands free to enjoy the gallery.
Click ⬇️ Auto-scroll to start. Click ⏸️ Stop scroll or press Escape to stop at any time.
The Speed slider (1–10) controls scroll velocity. Speed 3–4 works well for images; speed 1–2 for videos where you want to watch each clip.
Mouse wheel or trackpad input pauses auto-scroll immediately. It automatically resumes 1 second after you stop manually scrolling.
When the page reaches within 10px of the bottom, auto-scroll stops automatically and shows a toast notification.
Move your mouse over any video card and it plays immediately. Move away and it pauses. Videos are muted by default so multiple hover-plays don't create noise. Each video loops.
Click ▶️ Play All to start every video on the page simultaneously. Launches are staggered by 30ms per video to avoid browser throttling. Click ⏸️ Pause All to stop them all.
Click 🔇 Videos in the toolbar to toggle global mute on all video elements, including those added to the page after the toggle.
Click the ▶️ icon on any video card to open a modal player with native browser controls — play, pause, seek, volume, and fullscreen.
Queues let you curate a named collection of files from the folder — like a playlist for images and videos — without moving or copying anything.
Click one or more cards to select them (blue border), then click 📂 Add to Queue in the toolbar. A modal appears. If queues already exist, you can add to an existing one or create a new one.
Type a descriptive name — e.g., Nature, Favourites, To Print. Names must be unique within the session. Click Create New Queue. The new tab appears in the sidebar.
The queue tab shows only the files you added, with its own Grid/Masonry toggle, spacing slider, hide-info toggle, and auto-scroll controls.
Click the ✕ on any card in the queue to remove that file. Click the ✕ button next to the queue name in the sidebar to delete the entire queue. Neither action touches the actual files.
On the welcome screen, check the file type boxes: 🖼️ Images and/or 🎬 Videos. Uncheck Videos if you only want to browse photos — this reduces the number of cards loaded and speeds up the initial render.
Click 📂 Select Folder. A native folder picker opens (Chrome / Edge). Or drag and drop a folder directly onto the page. The folder is opened read-only — nothing in it can be modified through this tool.
Use the 📊 Grid / 🧱 Masonry buttons above the results to switch layout. In Masonry mode, adjust the Spacing slider (0–20px). Check Hide file info to show only the media for an immersive look.
Hover over any video card to play it in-place. Click ▶️ Play All to launch every video at once. Enable ⬇️ Auto-scroll and pick a comfortable speed — then sit back and let the gallery scroll by automatically.
Click the 🔍 or ▶️ icon on any card to open a full-size modal. Images scale to fit the screen. Videos open with native controls including fullscreen. Click outside or press Escape to close.
Ctrl+Click (Cmd+Click on Mac) any 2 or more cards to add them to the compare list (purple border). Then click ⚖️ Compare in the toolbar. A modal shows each file side-by-side with dimensions, size, type, and path.
Select the files you want to group, click 📂 Add to Queue, give the collection a name, and click Create. The new tab appears in the sidebar. You can add more files to it at any time during the session.
| Button / Action | What it does |
|---|---|
| 🔄 Select New Folder | Reload the page and pick a new folder to view |
| 📋 Copy Names (N) | Copy selected filenames to clipboard. N = count of selected files. |
| 📂 Add to Queue (N) | Add selected files to an existing or new named queue |
| ✕ Deselect All | Remove selection from all cards |
| ⚖️ Compare (N) | Open side-by-side compare modal. Requires 2+ Ctrl+Clicked files. |
| ▶️ Play All | Start all visible video elements simultaneously |
| ⏸️ Pause All | Pause all video elements (appears when Play All is active) |
| 🔇 Videos | Mute / unmute all video elements on the page |
| 📊 Grid button | Switch to uniform grid layout with fixed-height thumbnails |
| 🧱 Masonry button | Switch to aspect-ratio-aware masonry layout |
| Spacing slider | Adjust column gap in masonry mode (0–20px) |
| Hide file info checkbox | Hide filename, path, and metadata; show only the media |
| ⬇️ Auto-scroll | Start smooth continuous downward scrolling |
| Speed slider | Auto-scroll velocity (1 = slowest, 10 = fastest) |
| Click card | Select / deselect the file (blue border) |
| Ctrl + Click card | Add / remove from compare list (purple border) |
| Click & drag (empty area) | Box-select multiple cards at once |
| Ctrl + drag | Add to existing selection with box select |
| Hover video card | Auto-play the video clip. Pauses on mouse leave. |
| 🔍 / ▶️ icon on card | Open full-size modal preview with native controls |
| Right-click card | Context menu: Copy Name / Preview / Add to Compare / Add to Queue |
| Ctrl+A | Select all files in the current view |
| Escape | Deselect all files and stop auto-scroll |
| 📥 Download List | Export a plain-text list of all files with size and dimensions |
"The masonry + auto-scroll combination is perfect for reviewing large photo collections. Nothing else comes close for in-browser browsing."
"Custom queues are brilliant — I built a 'To Print' collection in minutes without moving a single file."
"Play All videos + auto-scroll and I have a self-running slideshow from my vacation folder. Incredible that it works entirely in a browser tab."
"Hide file info + masonry at 4px spacing gives you a gorgeous clean gallery. Best browser photo viewer I've found."
Combine masonry layout, spacing at 4–8px, and Hide file info for a clean gallery that fills the page with media edge-to-edge.
Set speed to 1–2, enable Play All, then start auto-scroll for a self-running video slideshow. Use fullscreen for the best effect.
Browse the whole folder first, then go back and select the standout shots. Add them to a "Best of" queue for a refined viewing session.
If you only want images, uncheck Videos before selecting the folder. Fewer cards means faster loading, smoother scrolling, and less memory.
When viewing a queue, click Download List to save a text file of the queue's filenames and paths before the session ends.
If you have two similar shots, Ctrl+Click both, open Compare, then deselect the weaker one before adding to a queue.
All queues are held in memory for the lifetime of the browser tab. Reloading clears everything. Use Download List to export filenames before reloading.
Each loaded image or video holds decoded data in browser memory. For folders with thousands of high-resolution images, RAM usage can become significant. Scan specific subfolders rather than entire photo drives.
Because aspect ratios are only known after each image decodes on scroll, the masonry layout may reflow slightly. This is normal behaviour with CSS column masonry.
The File System Access API is only available in Chrome 86+ and Edge 86+. Firefox and Safari can use the fallback file input, but folder drag-and-drop may not work fully.
Browsers limit simultaneous media playback. If the folder contains a large number of videos, some may not start due to browser resource limits.
Media Viewer is purpose-built for visual media. For audio files, use the dedicated Duplicate Audio tools. For all file types, Bulk Delete and Bulk Move support every extension.