Markdown Studio

I read as much .md as all other programming languages combined.

Personal notes, research notes, Claude Code generated reports, random READMEs.

I find it easier to read Notion-like markdown rather than raw markdown.

That's why Markdown Studio exists.

The Cool Stuff

Rich git Diffs

You have seen rich editing. WYSIWYG for faster reading.

But have you seen rich diffing?

Seamless Sync.

Open in the Default Editor.

Open in the Rich Editor.

Open in the Browser.

It just works.

Navigate without hassle.

Sticky headings so you can navigate long documents with ease.

Table of contents so you know where you are.

Clicky here, go there.

Loaded With Features

Modes

Default Editor

Default editor supports opening in Rich Editor and Browser modes.

Enjoy it because this will be the last time you open the vanilla view.

Rich Editor

Rich editor allows to go back to default editor mode directly. Also allows opening in the browser. All information is automatically and instantly synced.

Browser

Browser mode lets you open the rich editor as a Chrome/Firefox tab, so you can take it with you everywhere your browser goes.

Drag and drop images, gifs, etc.

It's like Notion, but you own the data.

Rich editing

Slash Commands

The beloved / works out of the box. It's like you never left your favourite editor.

Checkboxes, Tables, Math, Quotes, Code Blocks, and your standard stuff.

Tables have options to:

• add row above, add row below
• add column to the left, add columns to the right
• remove rows, remove columns
• drop the entire table

You can write math using $\KaTeX$ in both inline and block modes.

Mermaid Diagrams

```mermaid fences render as live diagrams inline — edit the source, the preview updates.

YouTube & GitHub Embeds

Paste a YouTube or GitHub URL and get a rich card; the source stays a bare URL so the file remains portable.

Known Limitations

• Conversion from markdown to rich text and back to markdown is not one-to-one exact map. The markdown after is normalized. You can control this to some extent via the settings icon in the rich editor mode.
• Bold/italic adjacent to a word, when the run also contains a code span, can't be expressed in plain CommonMark (e.g. **bold**Apples parses as literal asterisks, not bold). The editor saves these as **bold**<!---->Apples — an empty HTML comment is the cleanest CommonMark-valid way to break the flanking run so the bold survives re-open. Adding a space (or any non-word char) avoids the separator entirely and is handled naturally.

Meta Thingies

Installation

Hit the Install button on the marketplace page. No login, setup or permissions required. It works out of the box.

Commands

Every action is in the command palette under the Markdown Studio: prefix.

Keyboard shortcuts

Privacy

I do not collect telemetry, analytics, or usage data.

I am too lazy to implement that.

Everything runs locally in your VS Code instance.

Bugs/Feature Requests

If you encounter any bugs or have any feature requests, please open an issue.

I am actively using it myself, so expect frequent updates.

Available Platforms

VS Code: https://marketplace.visualstudio.com/items?itemName=tanishq-chaudhary.its-markdown-studio

Open VSX: https://open-vsx.org/extension/tanishq-chaudhary/its-markdown-studio