Web Sidecar

pending

by 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.

Updated 2mo agoGPL-3.0Discovered via Obsidian Unofficial Plugins
View on GitHub

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

  1. Open Settings → Community plugins
  2. Turn off Safe Mode if prompted
  3. Click Browse and search for "Web Sidecar"
  4. Install the plugin and enable it

Manual Installation

  1. Download the latest release from GitHub
  2. Extract files into your vault's .obsidian/plugins/web-sidecar/ directory
  3. Enable the plugin in Settings → Community plugins

Configuration

  1. Open Settings → Web Sidecar
  2. Configure URL property fields (default: source, url, URL)
  3. Set your preferred note folder and display options

Key Settings

SettingDescription
URL property fieldsFrontmatter properties to search for URLs
Tab appearanceBasic mode or Linked notes mode
Note open behaviorSplit view or new tab
Recent notes countNumber of recent notes to show
Capture page contentExtract and save web page content using Defuddle

Usage

Basic Workflow

  1. Open a web page in Obsidian's web viewer
  2. The Web Sidecar sidebar automatically shows matching notes
  3. Click notes to open them, or create new notes for the current URL
  4. 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://... or source: [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

Contributing

  1. Fork the repository
  2. Create a feature branch
  3. Commit your changes
  4. Push to the branch
  5. 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

GitHub Stars Buy Me A Coffee

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.