Web Sidecar
pendingby Greg K.
Rediscover web notes with a streamlined design. Track open pages and connect them to your vault, using vertical tabs to navigate between web content and your notes.
Web Sidecar
Elevate the web viewer with a sleek, vertical tab interface designed for rediscovering your web-linked notes. Track all your open web pages, see matching notes from your vault, and seamlessly navigate between web content and your notes.
Features
š Track all open web viewer tabs in one sidebar
š See linked notes for each URL automatically
š Smart URL matching with frontmatter properties
š Group notes by domain, subreddit, or YouTube channel
ā” Quick actions: create notes, open URLs, focus tabs
šÆ Paired view: open web page + note side-by-side
š Pin frequently visited pages for quick access
š Real-time updates as you browse
š Capture page content using Defuddle (same as Save to vault)
Changelog
See CHANGELOG for version history.
Installation
From Obsidian Community Plugins
- Open Settings ā Community plugins
- Turn off Safe Mode if prompted
- Click Browse and search for "Web Sidecar"
- Install the plugin and enable it
Manual Installation
- Download the latest release from GitHub
- Extract files into your vault's
.obsidian/plugins/web-sidecar/directory - Enable the plugin in Settings ā Community plugins
Configuration
- Open Settings ā Web Sidecar
- Configure URL property fields (default:
source,url,URL) - Set your preferred note folder and display options
Key Settings
| Setting | Description |
|---|---|
| URL property fields | Frontmatter properties to search for URLs |
| Tab appearance | Basic mode or Linked notes mode |
| Note open behavior | Split view or new tab |
| Recent notes count | Number of recent notes to show |
| Capture page content | Extract and save web page content using Defuddle |
Usage
Basic Workflow
- Open a web page in Obsidian's web viewer
- The Web Sidecar sidebar automatically shows matching notes
- Click notes to open them, or create new notes for the current URL
- Right-click for additional options like paired opening
Auxiliary Sections
- Recent web notes ā Recently modified notes with URLs
- Group by domain ā All web notes organized by website
- Group by subreddit ā Reddit notes grouped by community
- Group by YouTube channel ā YouTube notes grouped by creator
Pinned Tabs
Pin frequently visited pages for quick access. Pinned tabs persist across sessions and can track URL redirects.
Features in Detail
Smart URL Matching
- Matches notes based on frontmatter URL properties
- Supports both single URLs and arrays:
source: https://...orsource: [https://..., ...]
Virtual Tabs
Notes with URLs that aren't currently open appear as "virtual tabs" ā click to open the URL in a new web viewer.
Paired Opening
Open a web page and its linked note side-by-side via right-click context menu.
Domain Grouping
See all notes from the same domain at a glance. Sort by name, count, or recency.
Privacy & Network Usage
This plugin operates locally and does not connect to any AI services, analytics, or telemetry. Your vault contents and browsing activity remain private.
External service used:
- Google Favicons API ā Used to display website icons (favicons) in the sidebar. Only the domain name is sent to fetch the icon (e.g.,
google.com/s2/favicons?domain=example.com). No other data is transmitted.
Support
- For bugs or feature requests, please open an issue
Contributing
- Fork the repository
- Create a feature branch
- Commit your changes
- Push to the branch
- Create a Pull Request
License
This project is licensed under the MIT License - see the LICENSE file for details.
Frequently Asked Questions
How does the plugin find my web notes?
The plugin looks for notes with a URL property (default: source) in the frontmatter. You can customize which properties to search in the settings.
Why doesn't my note appear in the sidebar?
Make sure your note has a URL property in its frontmatter that matches the web page URL. Check Settings ā Web Sidecar ā URL property fields.
š§ Crafted with AI & Human Creativity
šØ Design & Development
Greg K. (@soundslikeinfo)
š¤ AI Pair Programming
- Claude by Anthropic
- Gemini 3 by Google
š Support the Project
Made with ā¤ļø for the Obsidian Community
For plugin developers
Search results and similarity scores are powered by semantic analysis of your plugin's README. If your plugin isn't appearing for searches you'd expect, try updating your README to clearly describe your plugin's purpose, features, and use cases.