Bullet List Outline: Generate a sidebar outline for your bullet lists

Disclaimer

Is this plugin open source? Yes
Is this plugin completely free? Yes
Is this plugin vibe-coded beyond the author’s ability to comprehend how it works? No
Community Directory: Unable to use[Link]()


`[ Bullet List Outline - Obsidian Plugin ]( Bullet List Outline - Obsidian Plugin )`

`[ GitHub - yyldps/obsidian-bullet-list-outline: An outline plugin for bullet lists in Obsidian · GitHub ]( GitHub - yyldps/obsidian-bullet-list-outline: An outline plugin for bullet lists in Obsidian · GitHub )`

Hello everyone, I am very honored to take my first step from being just a user to sharing my ideas with you all.

This plugin came from a sudden inspiration a few days ago. Because of the constant switching between headings and body text, repeatedly typing # (space) and ## (space), I suddenly realized that using the Tab key for unordered lists feels much smoother.

As I explored the bullet list experience further, I wondered: if the hierarchy of unordered lists could look like H1 and H2 headings, and if it could have a sidebar outline tree, could it replace the traditional “heading and text” structure in daily editing?

Since I haven’t been using Obsidian for very long, the plugin’s current functionality already meets my personal needs for replacing standard headings.

If there are any flaws in this concept or shortcomings in the plugin’s features, you are very welcome to leave a comment and discuss it.

Thank you for reading. The specific features and optimizations currently include the following:

It accomplishes two main things:

  • In-editor visual optimization: It applies a heading-like visual style to unordered list items based on their hierarchy, making the list structure clear at a glance.

  • Sidebar outline view: It automatically parses the unordered lists in the current document to generate a navigable tree outline, where clicking jumps directly to the corresponding position.

The rest are some optimization features:

  • Cursor position synchronization: Tracks cursor movement and text edits to highlight the corresponding list node in the outline in real-time.

  • Two-way navigation: Clicking an outline node smoothly scrolls the main text to the corresponding line and automatically sets focus.

  • Inline syntax support: Parses and renders WikiLinks, Markdown links, and tags within the list items.

  • Minor tweaks and optimizations (omitted).

You are very welcome to download and try it out, and please feel free to leave your comments!

Came across the awesome plugin Quiet Outline yesterday—kudos to the creator!

Drawing inspiration from it, I expanded my plugin’s capabilities. Here are the core features so far:

  • List Outline Mode: Unordered lists are displayed hierarchically in a heading-style layout. Just add cssclasses: list-outline-mode to the frontmatter properties.

  • Outline Switching: The sidebar automatically syncs with the active note, currently supporting headings, lists, and canvas outlines.