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

Neat File Tree

NeilNeil1k downloads

VSCode-style sticky folder headers, accent-colored top-level folders, and tinted indentation guides for the file explorer.

Add to Obsidian
  • Overview
  • Scorecard
  • Updates13

Small quality-of-life tweaks for Obsidian's file explorer that make a deep, busy vault easier to navigate.

Neat File Tree — sticky folder headers, shown across the six color schemes

Sticky folder headers + the six built-in color schemes (Aurora, Rainbow, Ocean, Sunset, Forest, Mono)

Features

  • Sticky folder headers — parent folders pin to the top as you scroll, stacked by depth, just like VSCode's "sticky scroll". You never lose track of where you are when many folders are expanded.

  • Per-depth color schemes — folder names, their bar, and the indentation guide lines are colored by depth from a scheme you pick: Rainbow (the default), Aurora (anchored to your theme's accent), Ocean, Sunset, Forest, or Mono — chosen from a live preview in settings. Top-level folders stay bold so the roots of your vault stand out.

  • Reveal on open — opening or switching to a file scrolls the tree to it and seats it just below its sticky ancestor stack, with a brief accent pulse. Clicking a pinned sticky header jumps to that folder's real row.

  • nft: links — link to a path from inside a note to reveal it in the file tree without navigating:

    [My projects](nft:Work/Projects)
    [A note](nft:Work/Projects/Roadmap.md)
    

    Single-click scrolls and pulses that file or folder in the tree; the note you're reading stays put. Double-click reveals it and opens it — so one link does both jobs. (Double-clicking a folder opens its folder note, if it has one.) The link is drawn in your colour scheme's colour for the depth it points at, so it matches the row it reveals, with a dotted underline and a ▸ marker to set it apart from a normal link. Percent-encode spaces (Work%20Notes) or wrap the target in angle brackets ([x](<nft:Work Notes>)). Works in Reading view and Live Preview.

Each feature has its own toggle in the plugin settings, plus a Row height field to keep the sticky headers aligned if you use a larger interface font. (nft: links need no toggle — they only do anything if you write one.)

Reveal links from a Base

A Base's file column opens the note. To make it reveal in the tree instead, add a formula column — html() lets a Base emit a real link, which the plugin picks up like any other:

formulas:
  reveal: "html(\"<a href='nft:\" + file.path + \"'>\" + file.name + \"</a>\")"

Then use formula.reveal in place of file.name in each view's order: (leave sort: alone — it can keep sorting on file.name), and give formula.reveal the column's displayName. Note a .base file is shared by every note that embeds it.

Install

In Obsidian: Settings → Community plugins → Browse → search "Neat File Tree" → Install → Enable.

How it works

The look is CSS toggled by body classes — no DOM manipulation, no performance cost. The scroll behaviors are a thin layer of plain JS on top. It respects your theme's accent color (--text-accent) and background variables, so it adapts to light/dark and custom themes automatically.

License

MIT

HealthExcellent
ReviewSatisfactory
About
Pin folder headers to the top as you scroll, stacked by folder depth so you always know where you are in deep, busy vaults. Color folder names, bars, and indent guides by depth with six built-in schemes (Aurora, Rainbow, Ocean, Sunset, Forest, Mono) and keep top-level folders bold; pure CSS with no DOM changes minimizes performance impact.
SidebarAppearanceCSS
Details
Current version
1.5.0
Last updated
3 weeks ago
Created
3 months ago
Updates
13 releases
Downloads
1k
Compatible with
Obsidian 1.4.0+
Platforms
Desktop, Mobile
License
MIT
Report bugRequest featureReport plugin
Author
NeilNeilinitialneil
GitHubinitialneil
  1. Community
  2. Plugins
  3. Sidebar
  4. Neat File Tree

Related plugins

Style Settings

Adjust theme, plugin, and snippet CSS variables.

Custom Font Loader

Customize your vault with any font you want (+ Support for Android and iOS).

Lapel

Show the heading levels in the gutter of the editor.

Snippetor

Create and tweak common snippets.

Show Whitespace

CSS styles and CM6 extensions to highlight whitespace in Source and Live Preview modes.

Focus Mode

Add a toggle to hide interface elements so you can focus on your note.

Fontsource

Load custom fonts from Fontsource into your notes.

Rainbow-Colored Sidebar

Automatically color your sidebar like a rainbow. No configuration needed.

Animated Cursor

Simple yet smooth animated cursor.

Zen Mode

Hide most UI elements.