Browse images in your project: thumbnail grid, lightbox preview, copy path or Base64. Works well for large folders (columns layout, lazy loading). Light or dark UI; scan one folder from Explorer or the whole workspace.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
View and manage images in your workspace: thumbnail grid, large preview, copy Base64 / path / file name, and per-project include/exclude folders.
Screenshots
Main panel
This shows another light theme style, as well as switching to a checkerboard background to reveal the transparent parts of SVG images.
Features
The full-screen viewer is now powered by our own preview engine, with a smoother browsing experience.
Moving to next/previous images now feels more natural and follows the folder order you see in the panel.
The small overview map in preview looks clearer and loads faster, especially for very large images.
Preview interactions are richer and easier to use (mouse wheel zoom, double-click zoom, quick flip, and easier navigation buttons).
Thumbnail grid with lazy loading and tuning for large libraries (many high-resolution images).
Column count controls grid density (uses panel width efficiently).
Sort images inside each folder (name, modified time, size, asc/desc).
Light / dark UI for the panel; default follows your VS Code or Cursor theme (toggle in the toolbar).
Preview backdrops: checkerboard, transparent (default), and solid swatches; useful for PNG/SVG with alpha.
Zoom and navigate with keyboard.
Search by path/name; filter by file type.
Include / exclude folders
Copy path, file name, or Base64 from the image menu.
Open a folder from Explorer: only that folder tree is scanned (fast in huge repos). Multiple Image Viewer tabs for different folders; tab title includes the folder name.
Folder only: In the Explorer, right-click a folder (or an image file) → View Images 🌄. Only that directory (and subfolders) is indexed in that panel; the editor tab title reflects the folder.
