# Sidenotes plugin for Obsidian
Adds Tufte-style sidenotes and margin notes rendered in the margin of an Obsidian note. Inspired by [Gwern.net](https://gwern.net/sidenote) and [Edward Tufte's CSS conventions](https://edwardtufte.github.io/tufte-css/). 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]]