Sh3llingFord170 downloadsBrowse and manage notes as cards with image preview and favorites support.
A card-based note browser for Obsidian. Displays notes as a visual list or gallery with image thumbnails, category tags, dates, and a text preview — making it easy to browse and navigate your vault. Can run as a workspace tab or docked in the sidebar like the native file explorer.
favorite: true in frontmatterdate/created frontmatterfavorite: true in frontmatter (usable by other plugins like Dataview)main.js, manifest.json and styles.css from the latest release.obsidian/plugins/visual-explorer/ in your vaultBy default the gallery opens as a workspace tab. Set Settings → Visual Explorer → Open in to Left sidebar to dock it in the left sidebar instead — the ribbon icon, command and folder context menu then all open (and reuse) a single gallery leaf there, right next to the native file explorer. On mobile, that's the slide-in panel at the bottom of the left drawer. Opening a note always opens it in a new tab in the main area, never inside the sidebar leaf.
Next to the search field is a scope button:
| Icon | State | Behaviour |
|---|---|---|
| Folder | Folder scope | Only searches notes in the current folder (recursively) |
| Globe | Vault-wide | Searches all notes across the entire vault |
At vault root the button always shows the globe icon — the scope is vault-wide there by default and cannot be changed (root already covers the whole vault).
When notes in the current view (or the whole vault, depending on settings) have tags or categories in their frontmatter, clickable tag chips appear below the search bar. Clicking a chip sets it as the search query; clicking again clears it.
Select a sort option at the top of the + menu — or enable the sort button (↑↓) in Settings → Toolbar. While the toolbar sort button is enabled, the sort entries are hidden from the + menu automatically, so they never appear twice. The active sort is marked with a checkmark. Sort state is per view session; the default is set in plugin settings.
| Option | Description |
|---|---|
| Modified (newest first) | Default — by last file modification |
| Modified (oldest first) | |
| Created (newest first) | Uses date/created frontmatter if present, otherwise filesystem time |
| Created (oldest first) | |
| Name (A–Z) | Alphabetical — applies to subfolders too |
| Name (Z–A) | |
| Title date (newest first) | Parses a date at the start of the filename (configurable format) |
| Title date (oldest first) |
The view toggle cycles through three modes:
The choice is remembered per folder: switch the photography folder to grid and it stays grid, while other folders keep their own view. Folders without an explicit choice use the Default view from settings. In the Favorites and Recently opened views the toggle changes the global default.
The buttons between the search bar and the + button are configurable via Settings → Toolbar. Available actions: Sort, View toggle (list/grid/widescreen), New document, Create folder, Favorites, Recently opened, Open settings. By default only the view toggle is enabled.
favorite: true in frontmatterUnder Settings → Visual Explorer → Backup:
visual-explorer-settings.json in the vault root. This file survives uninstalling the plugin (which deletes its own data) and syncs along with the rest of the vault.| Setting | Default | Description |
|---|---|---|
| Language | German | German / English |
| Date format | de-DE | de-DE / en-US / en-GB |
| Open on startup | Off | Automatically open Visual Explorer when Obsidian starts |
| Open in | Tab | Where the gallery opens: a workspace tab, or the left sidebar (shows up in the slide-in panel on mobile) |
| Open favorites & recent in | Current view | Whether favorites/recent replace the current view or open in a new tab |
| Card style | Cards | Cards with border and background, or a compact list with separator lines |
| Folder file count | On | Show the number of files (and subfolders) next to the folder name |
| Tag chips | Current view | Which tags appear as clickable chips: current view, whole vault, or off |
| Show preview | On | Show the first lines of note content |
| Preview lines | 1 | Number of preview text lines (1 or 2) |
| Favorites first | Off | Show favorited notes at the top of the folder view |
| Wrap title | Off | Allow long titles to wrap instead of being truncated |
| Thumbnail size | 72px | Width and height of the image preview (40–160px) |
| Files folder | Files |
Path to the folder containing images, relative to vault root |
| Archive folder | Archiv |
Destination folder for the Archive action, relative to vault root |
| Default view | List | List / Grid / Widescreen — for folders without their own choice |
| Default sort | Modified (newest first) | Default sort for new views |
| Title date format | dd.mm.yyyy | Date format parsed from the start of filenames for "Title date" sort |
| Recent count | 30 | How many notes to show in "Recently opened" (5–100) |
| Breadcrumb font size | 12px | Font size of the breadcrumb path (10–18px) |
Each toolbar button can be individually shown or hidden in settings: Sort, View toggle, New document, Create folder, Favorites, Recently opened, Open settings.
Each entry in the + menu can be individually shown or hidden in settings: Sort, View toggle, Favorites, Recently opened, New document, Create folder, Open settings. An entry is hidden automatically while its toolbar button is enabled.
The plugin extracts the first image from each note and supports both formats:
![[Files/image.png]] (Obsidian wiki-link style)
 (Standard Markdown style)
URL-encoded filenames (e.g. image%20135.png) are decoded automatically.
The plugin reads the following frontmatter fields:
---
date: 2024-10-13 14:57:15
created: 2024-10-13 14:57:07
categories:
- Photography
tags:
- journal
favorite: true
---
date or created → displayed as the note date, and used for "Created" sort orderingcategories or tags → first value displayed as #category; both are also used for tag chips and search filteringfavorite: true → note is marked with ★ and appears in the Favorites view (also usable by Dataview and other plugins)Requirements: Node.js v18+, npm
git clone https://github.com/Sh3llingFord/visual-explorer.git
cd visual-explorer
npm install --save-dev typescript esbuild obsidian@latest
node esbuild.config.mjs
Releases are built automatically via GitHub Actions on every push to main.
MIT