Sidenotes plugin for Obsidian

Canonical version: Sidenotes plugin for Obsidian.

Adds Tufte-style sidenotes and margin notes rendered in the margin of an Obsidian note. Inspired by Gwern.net and Edward Tufte's CSS conventions. Combines a CSS snippet with a plugin to handle behavior CSS can't (editing in margin, re-sequencing, etc.).

Features

• Sidenotes in the margin, visible in both Editing and Reading modes
• Two formats: Markdown footnotes ([^1]) or HTML (<span class="sidenote">) — HTML also works with web-published notes and PDF export
• Margin notes: non-numbered notes placed in the margin, referenced via [^mn-1] or <span class="sidenote margin-note">
• Editable directly in the margin (click, edit, Enter)
• Dynamic styling: font size scales, sidenotes hide on narrow windows
• Supports bold, italic, inline code, and internal/external links inside sidenotes
• Configurable: left/right margin, numbering style (Arabic, Roman, none, neumorphic badges), width, spacing, font, color
• Command: Insert Sidenote, plus a re-sequence command to fix footnote numbering

References

• Source code: https://github.com/cparsell/sidenotes

Related

• Obsidian Starter Kit

About Sébastien

Ready to get to the next level?