Search...Search plugins and themes...
⌘K
Sign in
  • Get started
  • Download
  • Pricing
  • Enterprise
  • Account
  • Obsidian
  • Overview
  • Sync
  • Publish
  • Canvas
  • Mobile
  • Web Clipper
  • CLI
  • Learn
  • Help
  • Developers
  • Changelog
  • About
  • Roadmap
  • Blog
  • Resources
  • System status
  • License overview
  • Terms of service
  • Privacy policy
  • Security
  • Community
  • Plugins
  • Themes
  • Discord
  • Forum / 中文论坛
  • Merch store
  • Brand guidelines
Follow us
DiscordTwitterBlueskyThreadsMastodonYouTubeGitHub
© 2026 Obsidian

ARC Hover Sidebar

suoyuanxisuoyuanxi31 downloads

An ARC-browser-style sidebar: sweep the mouse to the left edge of the window and the sidebar slides out, and it slides back when you swipe past its right edge.

Add to Obsidian
  • Overview
  • Scorecard
  • Updates4

An ARC-browser-style sidebar for Obsidian: sweep the mouse to the left edge of the window and the sidebar slides out; swipe right and it slides back.

中文文档

Demo

The sidebar sliding out when the mouse reaches the left edge, and sliding back when you swipe past its right edge

What it does

How the sidebar was opened How it closes
Mouse touches the left edge of the window (within edgeZone, 5px by default) The mouse moves horizontally past the sidebar's right edge
Opened manually via hotkey / button, with Unified open/close enabled The mouse moves onto the sidebar and then back out again (while the pointer stays outside the sidebar, you can move freely without it closing)
Opened manually via hotkey / button, with Unified open/close disabled It is not closed automatically — you close it yourself

The sidebar is opened and collapsed through Obsidian's own leftSplit.expand() / collapse() API — not faked with CSS — so its width, colours and content layout are exactly the same as when you open it yourself.

It also reuses the theme's built-in "hover to reveal the ribbon" behaviour (by overriding a single CSS variable, leaving your theme files untouched).

Installation

Manual

  1. Download main.js and manifest.json from this repository.
  2. Put them in <vault>/.obsidian/plugins/arc-hover-sidebar/.
  3. Add "arc-hover-sidebar" to <vault>/.obsidian/community-plugins.json.
  4. Reload Obsidian and enable the plugin under Settings → Community plugins.

BRAT

BRAT can install it from this repository: add https://github.com/goodends/arc-hover-sidebar in BRAT's plugin list.

Settings

Settings → Community plugins → ARC Hover Sidebar

  • Enable hover sidebar — master switch. When off, the plugin stops interfering with the sidebar entirely.
  • Unified open/close — when on, a sidebar you opened yourself is also managed by the plugin, and always closes the same way: swipe horizontally past the sidebar's right edge.
  • Sync ribbon — when on, the ribbon (the icon bar on the left) is hidden and shown together with the sidebar.

Tunable parameters (getters at the top of main.js)

Parameter Default Meaning
edgeZone 5px Width of the left-edge trigger zone
ribbonTrigger 24px Width of the ribbon trigger band (overrides the theme's --hover-sidedock-trigger-area)
panelRight() right edge + 30px Threshold for "the mouse has left the sidebar", with 30px of slack so the resize handle stays usable

Implementation notes

  • The trigger is purely geometric — no velocity check (like ARC):
    • position: the mouse enters the leftmost edgeZone pixels of the window;
    • path: this frame moved leftwards and the path crossed the trigger zone (covers the case where the mouse crosses the whole zone within a single frame).
  • Singleton guard: if a stale instance is still around when the plugin loads, it is unloaded first. Two instances fighting over the sidebar make it flicker open and closed.
  • Cold-start guard: leftSplit does not exist before the layout is ready, so .collapsed must not be read in onload — doing so throws and the plugin fails to load.
  • Polling fallback: expand() / collapse() take effect asynchronously and may not emit events around the transition, so a 400ms poll keeps the state in sync.
  • Drag guard: the sidebar is not collapsed while you are dragging its resize handle — otherwise you could never resize it.
  • Blur guard: switching to another application collapses the sidebar, and no hover expansion happens while the window is unfocused.

Known trade-offs

  • Any mouse movement within edgeZone of the left edge pops the sidebar out. If you only wanted to click a ribbon icon, the sidebar comes out too — reduce edgeZone.
  • A larger trigger zone means fast strokes near the left edge trigger it more easily: it is a trade-off between the hot zone and sensitivity.
  • Desktop only (isDesktopOnly: true).

Development

There is no build step — main.js is the entire plugin. For local development, symlink the repository's main.js and manifest.json into <vault>/.obsidian/plugins/arc-hover-sidebar/; changes take effect after disabling and re-enabling the plugin in Obsidian.

Development conventions are described in CLAUDE.md.

License

MIT

HealthExcellent
ReviewPassed
About
Reveal the left sidebar by sweeping the mouse to the window edge and dismiss it by swiping past its right edge. Use Obsidian's native sidebar API so width, colors and content match your theme exactly. Sync the ribbon and keep manually opened sidebars managed the same way.
SidebarInterface
Details
Current version
1.0.3
Last updated
3 days ago
Created
4 days ago
Updates
4 releases
Downloads
31
Compatible with
Obsidian 1.0.0+
Platforms
Desktop only
License
MIT
Report bugRequest featureReport plugin
Author
suoyuanxisuoyuanxigoodends
github.com/goodends
GitHubgoodends
  1. Community
  2. Plugins
  3. Sidebar
  4. ARC Hover Sidebar

Related plugins

Hide Sidebars on Window Resize

Automatically hides the sidebars when your window is narrow on window resize.

Metadata Hider

Hide specific metadata property or if its value is empty.

Notebook Navigator

A better file browser and calendar inspired by Apple Notes, Bear, Evernote and Day One.

Hider

Hide interface elements such as tooltips, status bar, titlebar, and more.

Meta Bind

Make your notes interactive with inline input fields, metadata displays, and buttons.

Tag Wrangler

Rename, merge, toggle, and search tags from the tag pane.

Note Toolbar

Add customizable toolbars to your notes.

Vertical Tabs

Offer an alternative view that displays open tabs vertically, allowing users to group and organize tabs for a better navigation experience.

Flexplorer

Enhance the file explorer with custom sorting, pinning, and hiding.

Editing Toolbar

The Editing Toolbar is modified from cMenu, which provides more powerful customization settings and has many built-in editing commands to be a MS Word-like toolbar editing experience.