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.).
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
About Sébastien
I'm Sébastien Dubois, and I'm on a mission to help knowledge workers escape information overload. After 20+ years in IT and seeing too many brilliant minds drowning in digital chaos, I've decided to help people build systems that actually work. Through the Knowii Community, my courses, products & services and my Website/Newsletter, I share practical and battle-tested systems.
I write about Knowledge Work, Personal Knowledge Management, Note-taking, Lifelong Learning, Personal Organization, Productivity, and more. I also craft lovely digital products and tools.
If you want to follow my work, then become a member and join our community.
Ready to get to the next level?
If you're tired of information overwhelm and ready to build a reliable knowledge system:
- 📚 KM for Beginners — 10+ hours of structured video lessons
- 🚀 Obsidian Starter Kit — Ready-made vault with 40+ templates
- 💼 Knowledge Worker Kit — Complete guides + lifetime community
- 🦉 1-on-1 Coaching — Personalized guidance
- 🎯 Join Knowii — Community + ALL courses & tools
Found this valuable? Share it with someone who needs it.